@media (min-width: 375px) {
    .title-carousel .video-js {
        width: 336px !important;
         height: 223px !important; 
    }

    .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 390px) {
    .title-carousel .video-js {
        width: 351px !important;
         height: 233px !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 414px) {
    .title-carousel .video-js {
        width: 376px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 430px) {
    .title-carousel .video-js {
        width: 391px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 1024px) {
    .title-carousel .video-js {
        width: 485px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 768px) {
    .title-carousel .video-js {
        width: 729px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 1024px) {
    .title-carousel .video-js {
        width: 485px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}

@media (min-width: 1280px) {
    .title-carousel .video-js {
        width: 615px !important;
         height: auto !important; 
    }

     .vjs-poster img {
    width: 100%;
    height: 100%;}
}


.channels-article-block:hover .vjs-poster img, .channels-article-block:focus .vjs-poster img, .channels-article-block:hover .title-carousel .video-js, .channels-article-block:focus .title-carousel .video-js {

    height: 100% !important;
}

    .title-carousel .channels-article-block:hover .video-js {
        height: auto !important;
    }