.carousel {
   max-width: 100%;
   position: relative;
   margin: auto;
}

.wrap {
   display: flex;
   flex-wrap: wrap;
}

.slider {
   display: none;
   text-align: center;
}

.prev, .next {
   margin: 5; cursor: pointer;
   transition: scale 1s;
}

.prev > img:hover, .next > img:hover {
   scale: 1.2;
}

.fade {
   animation-name: fade;
   animation-duration: 1.2s;
}

@keyframes fade {
   from {opacity: .5}
   to {opacity: 1}
}