html, body{
    background-color: #fff;
  }
.wrapper{
    width:100%;
    max-width: 300px;
    height: 100%;
    max-height: 250px;
    text-align:center;
    margin: 0 auto;
    background: #1f55ff;
    background-image: url('https://d1.protv.ro/protv/images/header-texture.jpg');
}
.carousel{
    width:100%;
    height: 250px;
    margin:0px auto;
    top: 38px;   
}
.slick-slide{
    margin:10px;
    position: relative;
}
.slick-slide img{
    width: 100%;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%), 0 3px 15px 0 rgb(0 0 0 / 19%);
    z-index: 25;
}
.slick-current {
    z-index: 26;
}
.slick-active img {
    transform: scale(1.15);
    overflow: hidden;
    backface-visibility: hidden;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.wrapper .slick-dots li button:before {
    font-size:20px;
    color:white;
}
.slick-prev {
    left: 6px;
    z-index: 10;
}
.slick-next {
    right: 6px;
    z-index: 10;
}