.video-container {
    background: #000;
    color: white;
    text-align: center;
    padding: 150px 50px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .video-container {
        padding: 50px 20px;
        background-image:url(https://static.mywebsites360.com/cfaee4dbff3f47c3bf1c6af90c4eb840/i/b1624e6081ab49a1a16acdee9d549cc6/1/5feFb8zhrk/Mobile%20Hero.jpg);
        background-position: 50% 50%;
    }
    
    .video-wrap {
        display: none!important;
    }
}