Html / Css Sorun Hakkında

https://codepen.io/kobeumut/pen/JMxGKE

Bu Sistemde Boyutu Farklı Olan Fotoğraf Bu Tasarımı Bozuyor Bunu Nasıl Engelleyebilirim Yardımlarınızı Bekliyorum

<img src="resim.jpg" width="300" height="250" alt="resim"> boyutlandırın hocam .

Olmuyor hocam bu çözümü denedim

.parent { position: relative; overflow: hidden; //optionally set height and width, it will depend on the rest of the styling used }

.child { position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;
}

Kullanmanız gereken masonry.

https://masonry.desandro.com/

bu şekilde oluyor nasıl düzeltebilirim

.gallery > div > img {
display: block;
width: 200px;
height:200px;
object-fit:cover;
transition: .1s transform;
transform: translateZ(0); /* hack */
}

Hocam Öncelikle Size Olmak Üzere Herkese Teşekkür Ederim

.gallery > div {
 width:200px;
 height:200px;
}

.gallery > div > img {
width:100%;
height:100%;
object-fit:cover;
}