.landing-img-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5%;
}

.header-car-img {
    width: 100%;
    aspect-ratio: 3 / 3;
    object-fit: cover;
    object-position: 65%;
}

.header-img-container {
    margin: 5% 5%;
    overflow: hidden;
}

.white-blue-img {
    width: 85%;
    position: absolute;
}

.apply-link {
    width: 50%;
}

.media-container {
    display: flex;
    flex-direction: column;
    background-color: #f3f3ec;
    align-items: center;
}

.apply-media-img {
    position: absolute;
    width: 50%;
    bottom: 6.5%;
    /* Zoom grows downward (origin top); no shadow — it's an image. */
    transform-origin: top center;
    transition: transform .4s ease-out;
}

.apply-link:hover .apply-media-img {
    transform: scale(1.12);
}

.media-text-container {
    display: flex;
    justify-content: center;
}

.media-text-img {
    width: 85%;
    margin-bottom: 5%;
}

.media-block-img-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    padding: 5%;
}

.first-media-block-img {
    width: 100%;
    grid-column: 1 / 2; 
    grid-row: 1 / 2; 
}

.second-media-block-img {
    width: 83.5%;
    grid-column: 2 / 3; 
    grid-row: 1 / 2; 
}

.third-media-block-img {
    width: 100%;
    grid-column: 1 / 3; 
    grid-row: 2 / 3; 
}

.media-side-img {
    display: none;
}

.yellow-banner-img {
    display: block;
    background-image: url('../../images/media/mobile/yellow_banner.webp');
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 2824 / 3670;
    width: 100%;
}

.car-img {
    display: block;
    background-image: url('../../images/media/mobile/car.webp');
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 2828 / 3390;
    width: 100%;
}

@media (min-width: 577px) {
    .header-car-img {
        width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 3600 / 1360;
    }

    .header-img-container {
        margin: 2% 2%;
        overflow: hidden;
    }

    .white-blue-img {
        width: 35%;
        position: absolute;
    }

    .apply-link {
        width: 23%;
    }

    .apply-media-img {
        position: absolute;
        width: 23%;
        bottom: 7%;
    }

    .media-text-img {
        width: 90%;
        margin-bottom: 5%;
    }

    .media-block-img-container {
        grid-template-rows: 1fr;
        grid-template-columns: 24% 20% 45%;
        gap: 6%;
        margin-bottom: 3%;
        padding: 0% 3%;
    }

    .second-media-block-img {
        width: 100%;
    }

    .third-media-block-img {
        width: 100%;
        grid-column: 3 / 4; 
        grid-row: 1 / 2; 
    }

    .media-side-img {
        display: block;
        background-image: url('../../images/media/media_side.webp');
        background-size: contain;
        background-repeat: no-repeat;
        aspect-ratio: 6273 / 3781;
        width: 100%;
    }

    .yellow-banner-img {
        display: none;
    }

    .car-img {
        display: none;
    }
}