.video {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}

.video-mobile {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}

.video-mobile-wrapper {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    font-family: 'Days One', 'Aptos';
    color: rgb(231, 254, 245);
    text-align: center;
}

.title-mobile {
    position: absolute;
}

@media (max-width: 1024px) {
    .video {
        display: none;
    }

    .video-mobile-wrapper {
        display: flex;
    }
    
    .title-mobile {
        font-size: 46px;
    }
}

@media (max-width: 768px) {
    .title-mobile {
        font-size: 36px;
    }
}

@media (max-width: 500px) {
    .title-mobile {
        font-size: 26px;
    }
}