Centering image and scaling

[MLExplora]

Hello,
Im trying to scale and center an image however they are not rendered when coded in html
Example :
< div style="text-align: center;">
< img src="../../images/graph_vs_image_vs_text.PNG" alt="Graphs VS images VS text" width="800"/>
< p>< em>Figure 1: Graphs vs Images vs Text

< /div>
This html does not render the image no matter the image path while
! [Alt text] ( ../../images/graph_vs_image_vs_text.PNG)
renders the image but I'm not aware of how one centers and scales in this format.
Can you help me ?
Code at https://github.com/MLExplora/Hugo_site
Thanks