.media__item{position:relative;cursor:pointer}.media__item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)));background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.4));background:-o-linear-gradient(bottom, rgba(0,0,0,0.4));background:linear-gradient(0deg, rgba(0,0,0,0.4))}.media__item:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.media__image{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.media__image img{width:100%;height:300px;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;-o-transition:transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease}.media__icon{position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.media__icon svg{width:30px;height:30px;fill:#fff}@media (max-width: 1399.98px){.media__image img{height:250px}}@media (max-width: 575.98px){.media__image img{height:200px}}