.ba-gallery{display:flex;flex-wrap:wrap;list-style:none;justify-content:space-between;width:1010px;padding:0;margin:0 auto}.ba-gallery li{position:relative;width:48%;height:300px;overflow:hidden;cursor:pointer;margin-bottom:30px}.ba-image{position:absolute;width:100%;height:100%;overflow:hidden;transition:width .4s,left .4s,right .4s}.ba-image__bg{position:absolute;width:100%;height:100%;top:0;background-size:cover;background-position:center;transition:left .4s,right .4s,transform .4s}.ba-before,.ba-after{width:60%;transform:skewX(-15deg)}.ba-before>*,.ba-after>*{transform:skewX(15deg)}.ba-before{right:49.9%}.ba-before .ba-image__bg{left:15%}.ba-middle{left:20%;transform:skewX(-5deg)}.ba-after{left:49.9%}.ba-after .ba-image__bg{right:15%}.ba-image.focus{width:80%;z-index:10}.ba-image.focus .ba-image__bg{transform:scale(1.1) skewX(15deg)}.ba-image.focus.ba-before{right:29.9%}.ba-image.focus.ba-before .ba-image__bg{left:12%}.ba-image.focus.ba-after{left:29.9%}.ba-image.focus.ba-after .ba-image__bg{right:12%}.ba-image.unfocus{width:50%;z-index:1}.ba-image.unfocus.ba-before{right:69.9%}.ba-image.unfocus.ba-before .ba-image__bg{left:20%}.ba-image.unfocus.ba-after{left:69.9%}.ba-image.unfocus.ba-after .ba-image__bg{right:20%}.ba-label{position:absolute;color:#fff;z-index:20;text-transform:uppercase;font-family:'Open Sans',sans-serif;text-shadow:1px 1px 2px #000;font-size:16px;pointer-events:none}.ba-before .ba-label{top:15px;left:18px}.ba-middle .ba-label{top:15px;left:50%;transform:translateX(-50%)}.ba-after .ba-label{bottom:15px;right:18px}@media screen and (max-width:1010px){.ba-gallery{width:100%}.ba-gallery li{width:48%;height:250px}}@media screen and (max-width:650px){.ba-gallery li{width:100%;height:200px}}