.caro {
   width:100%;
   position:relative;
}
.caro_item {
   display:none;
   animation-name:fade;
   animation-duration:.75s;
   height:100%;
   border-bottom:15px solid white;   
}
.caro_item.active {
   display:flex;
}
#caro_prev,
#caro_next {
   cursor:pointer;
   font-size:1.2rem;
   position:absolute;
   padding:10px;
   margin:0px 10px;
   top:50%;
   transition:0.3s ease;
   background-color:rgba(250,250,250,.3);
   border-radius:4px;
   z-index:3;
}
#caro_next {
   right:0;
}
@keyframes fade {
   from{opacity:.4}
   to{opacity:1}
} 
#caro_prev:hover,
#caro_next:hover {
   background-color:rgba(250,250,250,.5);
}