Merhaba arkadaşlar. Resme bakabilir misiniz.

Çok satılanlar butonunun arkasında yanyana 3 tane resim var. O resimleri ürünlerin aşağısından nasıl başlatabilirim. Her satırda 4 ürün olacak şekilde yerleştirdim. "margin-top" versem kiminde 8 ürün var kiminde 10 ürün var. 8 ürüne göre ayarlasam "kampanyalı ürünler" butonuna tıkladığımda 10 ürün varsa eğer, 9. ve 10. ürünün üzerine gelir. Ne yapmam lazım?

https://imgyukle.com/i/OlPwlM

.degisikbilgiler-div {
    display:flex;
    justify-content:space-between;
    width:100%;
    height:500px;
}
    
.uzeri-kargobedava-div {
    width:33%;
    height:200px;
}

.uzeri-kargobedava-div img {
    width:100%;
    height:200px;
}

.guvenli-alisveris-div {
    width:33%;
    height:200px;
}

.guvenli-alisveris-div img {
    width:100%;
    height:200px;
}

.yediyirmidort-destek-div {
    width:33%;
    height:200px;
}

.yediyirmidort-destek-div img {
    width:100%;
    height:200px;
}

index.php kısmı

<div class="indexsayfasi-urunler">
    <?php include "indexurunler.php"; ?>
</div>

<div class="degisikbilgiler-div">
    <div class="uzeri-kargobedava-div">
        <img src="images/degisikbilgiler/ucretsizkargo.jpg">
    </div>
    
    <div class="guvenli-alisveris-div">
        <img src="images/degisikbilgiler/guvenlialisveris.jpg">
    </div>
    
    <div class="yediyirmidort-destek-div">
        <img src="images/degisikbilgiler/yediyirmidortdestek.jpg">
    </div>
</div>