.carousel{display:block;position:relative;overflow:hidden;width:100%;height:auto}.carousel-cell{width:calc(33.33% - 20px);margin-right:20px;height:200px;flex-shrink:0;position:absolute;top:0;left:0;background-size:cover;background-position:center;overflow:hidden;z-index:1;backface-visibility:hidden;transform:translateZ(0)}.flickity-slider{display:flex}.carousel-image{width:100%;height:200px;background-size:cover;background-position:center;position:relative}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.3s ease}.carousel-title{color:#fff;font-size:18px;text-align:center;text-transform:uppercase;padding:10px 20px;background:rgba(0,0,0,.7);border-radius:5px;transition:transform 0.3s ease;transform:translateY(20px);pointer-events:none}.carousel-cell:hover .carousel-overlay{opacity:1}.carousel-cell:hover .carousel-title{transform:translateY(0)}