Görselleri orantılı boyutlandırmak için CSS'in aspect-ratio özelliğini kullanabilirsiniz. Örneğin:

img {
    width:100%;
    aspect-ratio: 16/9;
}

Böylece <img /> elementiniz genişliğie göre kendini boyutlandırırken yüksekliğini de orantılı olarak koruyacaktır.

Eğer img boyutları sabit olsun ama görsel bu alanda kendini yerleştir istiyorsanız CSS'in object-fit özelliğini kullanabilirsiniz. Örneğin:

img {
    width:300px;
    height:300px;
    background-color:#000;
    object-fit: cover; /* görseli kırpılmış şekilde 300x300'lük alana yerleştirir. cover yerine contain derseniz kırpmadan boyutlandırma yapar. */
}