Estoy tratando de hacer una serie de fotos en fotos cuadradas. Pueden ser rectangulares horizontalmente (es decir, 600x400) o verticalmente (400x600), pero quiero que sean 175x175 de cualquier manera. Mi idea era la de la altura máxima o la anchura máxima del lado más pequeño, y no permitir el desbordamiento más allá de 175px en el lado más grande ... sin embargo, estoy teniendo problemas con él.

¿Es esto posible con css?

A continuación se muestra mi intento, pero sigue dando rectángulos:

<div style="min-height:175px; overflow:hidden; max-height:175px;">
<img style="min-width:175px; overflow:hidden; max-height:175px;" src="/photo.png">
</div>