.main-container {
    display: grid;
    height: 31.25rem;

    > * {
    grid-area: 1/1/-1/-1;
    }

    .hero-image {
        display: grid;

        > * {
            grid-area: 1/1/-1/-1;
        }

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

        img:first-child {
            z-index: 2;
            /* opacity: 0.73; */
            mix-blend-mode: multiply;
        }
    }

    .content-wrapper {
        z-index: 3;
        align-self: flex-end;
        margin: 0 auto 5.0625rem;
        width: min(1472px, calc(100% - 40px));

        .title-wrapper {
            color: #fff;
            font-size: 5rem;
            margin: 0;
        }

        .sentence-wrapper {
            color: #CDD8EE;
            font-size: 1.25rem;
            margin-top: .625rem;
        }
    }
}

@media (max-width: 1023px) {
    .main-container {
        .content-wrapper {
            .title-wrapper {
                font-size: 3rem;
            }
        }
    }
}