.videosSlider {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.videosSlider .videosSliderWrapper {
display: flex !important;
align-items: center;
justify-content: center;
width: calc(100% / 3 - 20px);
margin: 10px;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem {
width: 95%;
border-radius: 10px;
overflow: hidden;
position: relative;
background: #000;
height: 400px;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem  img {
width: 100%; 
height: 100%;
object-fit: cover;
max-height: 400px;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem a {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: auto;
width: 70px;
height: 70px;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem a svg {
width: 100%;
height: 100%; 
transition: all 0.3s ease-in-out;
width: 70px;
height: 70px;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem a:hover {
transform: scale(1.5);
transition: all 0.3s ease-in-out;
}
.videosSlider .videosSliderWrapper .videosSliderWrapperItem a svg,
.videosSlider .videosSliderWrapper .videosSliderWrapperItem a svg * {
fill: #fff;
}
@media(max-width: 1025px){
.videosSlider .videosSliderWrapper { 
width: calc(100% / 2 - 20px); 
}
}
@media(max-width: 767px){
.videosSlider .videosSliderWrapper { 
width: calc(100% / 1 - 20px); 
}
}