#video-outer {
    text-align: center;
}
#video-outer .video-wrapper {
    /*width: 50%;*/ /* Add a width if necessary */
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
#video-outer .video-wrapper::before {
    content: '';
    position: absolute;
    background-image: url("/assets/templates/main/images/icons/icon-play-button.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.3s;
}
#video-outer .video-wrapper img {
    max-width: 100%;
}
#video-outer .video-wrapper:hover::before,
#video-outer .video-wrapper:active::before {
    opacity: 0.75;
}

@media all and (max-width: 800px) {
    #video-outer .video-wrapper {
        width: 80%;
    }
}
@media all and (max-width: 570px) {
    #video-outer .video-wrapper::after {
        background-size: 75px auto;
    }
}