Continúo con mi aprendizaje en html y tengo algunos problemas. El caso es que estoy haciendo un html y tengo una imagen, pero cuando reduzco la pantalla la imagen se reduce demasiado y no se centra. El problema está en que no encuentro el por qué.
/*Div de quienessomosimg*/ .foto {width: 30%;height: 500px; margin: 10px auto; margin-left: 65px; overflow: hidden; float: left;} img {width: 100%; height: auto;}
<div class="foto">
<img src="vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg" alt="">
</div>
Si pudieran ayudarme les estaría muy agradecido