.wrapper {width: 100%;max-width: 300px;height: 100%;max-height: 250px;text-align: center;margin: 0 auto;background: hsla(0,0%,44%,.05);border: 1px solid hsla(0,0%,44%,.15);position: relative;}
.splide {width: 100%;height: 250px;margin: 0px auto; display: flex;align-items: center;} 
.splide__slide img,.splide__slide video {width: 100%;}
.playvideo {cursor: pointer;position: absolute;background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/play.svg);width: 30px;height: 30px;top: 115px;left: 0px;background-size: 30px 30px;background-repeat: no-repeat;}
.videosound {cursor: pointer;position: absolute;background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/muted.svg);width: 30px;height: 30px;top: 375px;left: 145px;background-size: 30px 30px;background-repeat: no-repeat;}
.video-muted {background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/muted.svg);}
.video-unmuted {background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/mute.svg);}
.video-paused {background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/pause.svg);}
.video-play {background-image: url(https://assets.protv.ro/assets/test-carouselprotv/img/controls/[play].svg);}
.splide__slide .playvideo{top: 160px;left: 40px;}
.is-active .playvideo {top: 160px;left: 40px;overflow: hidden;z-index: 10;}
.splide__slide .videosound {top: 160px;left: 230px;overflow: hidden;}
.is-active .videosound {top: 160px;left: 230px;overflow: hidden;z-index: 11;}
.splide__slide > div,.splide__video {width: 80% !important;margin: 0 auto !important;}
.splide__pagination__page.is-active {background: #b4b4b4;}