.main-container {
    display: grid;
    height: 100vh;

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

    .hero-image {
        display: grid;

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

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

        img:first-child {
            z-index: 2;
        }

        img:last-child {
            align-self: flex-end;
        }
    }

    .content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: flex-end;
        justify-self: center;
        margin-bottom: 4.875rem;

        .sentence-wrapper {
            margin-top: 1.3125rem;
            font-size: 6.25rem;
            color: #fff;
            text-align: center;
        }
    }
}

@media (max-width: 1023px) {
    .main-container {
        .content-wrapper {
            .logo-wrapper {
                width: 50vw;
            }

            .sentence-wrapper {
                font-size: 5rem;
            }
        }
    }
}