.hero-interior {
    padding-top: 0;

    h1 {
        margin-bottom: 50px;

        @media screen and (max-width: 991px) {
            margin-bottom: 30px;
        }
        @media screen and (max-width: 576px) {
            margin-bottom: 20px;
        }
    }
    .hero-image {
        aspect-ratio: 1610 / 600;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}