Is there a way to resize images retaining their proportions with CSS?
The container has a fixed width and height
To save the Image ratio while scaling you can use object-fit CSS3 propperty.
object-fit
Useful article: Control image aspect ratios with CSS3
img { width: 100%; /* or any custom size */ height: 100%; object-fit: contain; }