I gave 70vh height to cols.
It brokes on 3. col because of it has inside cols, it cant calculate right way to fit in. Example, I have

tag on col:nth-child(3) col:nth-child(1) but it hides. you can check code on this link https://aley-nay.github.io/sdsd/humy/index.html

HTML:
`

<section id="delivery-humy" class="container py-5" data-aos="fade-up">
    <div class="row justify-content-center gap-3 d-flex align-items-stretch">
        <div class="col mb-4 p-5 rounded d-flex flex-column align-items-center text-center hid" data-aos="fade-up" style="background: #FB5607;">
            <h3 class="text-white">Humy ile bugün ödeme almaya başlayın</h3>
            <a class="nav-link active bg-white fw-normal mx-1 px-4 py-2 rounded-pill mb-5" aria-current="page" href="#">Satışa Başlayın<i class="bi bi-chevron-right ms-2"></i></a>
            <img src="assets/main/184728734d98b397413bcf88f7224b94.png" class="img-fluid w-75" data-aos="fade-up">
        </div>
        <div class="col mb-4 bg-dark-gray rounded d-flex flex-column" data-aos="fade-up" style="height: 70vh;">
            <img src="assets/main/teslim.png" class="img-fluid w-100" data-aos="fade-up">                
            <h3 class="mb-4 px-4">Humy'nin güleryüzlü kuryeleri<b> yemeklerinizi teslim eder</b></h3>
            <p class="px-4">şdslkflsşkfsşlfksdlkjsdflsdjfkldsajflskfjskldfjalş</p>
        </div>
        <div class="col mb-4 d-flex flex-column align-items-center text-center" data-aos="fade-up" style="height: 70vh;">
            <div class="col bg-dark-gray rounded">
                <img src="assets/main/ysiparis.png" class="img-fluid w-100" style="height: 25vh;"  data-aos="fade-up">
                <h4 class="text-center w-100 mb-4 px-5 py-3"><b>Siparişlerinizi</b><br>uygulamadan kolayca takip edin ve yönetin</b></h4>
            </div>
            <div class="col mt-5 bg-dark-gray rounded p-4"  data-aos="fade-up">
                <img src="assets/main/ayse.png" class="img-fluid" alt="">
            </div>
        </div>
    </div>
</section>`

CSS:

CSS:

.hid{height: 70vh;
        overflow: hidden;}
    
    #delivery-humy .col {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        overflow: hidden; /* Taşmaları gizle */
        height: 70vh; /* Kapsayıcı yüksekliği */
    }
    
    #delivery-humy .col > div {
        width: 100%; /* İç div'lerin genişliği */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #delivery-humy .col .bg-dark-gray {
        border-radius: 0.5rem; /* Köşe yuvarlama */
    }
    
    #delivery-humy .col .bg-dark-gray:nth-of-type(1) {
        height: 25vh; /* İlk div yüksekliği */
        margin-bottom: 1rem; /* Alt boşluk ekle */
    }
    
    #delivery-humy .col .bg-dark-gray:nth-of-type(2) {
        height: auto; /* İkinci div yüksekliği otomatik */
    }

it should be look like this

its look like this now