.wrapper{margin:auto;max-width:100%;overflow:hidden;width:800px}.carousel{background:#ddd;height:0;padding-top:56.25%;position:relative;width:100%}.carousel-img{bottom:0;left:0;max-width:100%;position:absolute;right:0;top:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.carousel-img-displayed{display:block;opacity:1;z-index:2}.carousel-img-hidden{display:block;opacity:0;z-index:1}.carousel-img-noDisplay{display:none}.carousel-arrow{background-color:#fff;background-image:url(http://res.cloudinary.com/dnqehhgmu/image/upload/v1509720334/blue-arrow_jk1ydw.svg);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border:0;border-radius:50%;cursor:pointer;display:block;height:36px;margin-top:-18px;position:absolute;top:50%;-webkit-transition:background-size .15s ease-out;transition:background-size .15s ease-out;width:36px;z-index:3}.carousel-arrow:focus,.carousel-arrow:hover{background-size:22px 22px}.carousel-arrow-next{right:20px}.carousel-arrow-prev{left:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}