.contenedor{margin:0;background:#fff}.contenedor,.elol{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elol{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transform:skew(0deg);transform:skew(0deg)}.elol .card{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;height:90vmin;position:relative;cursor:pointer}.elol .card .card__head{color:#000;background:rgba(2,150,248,.75);padding:.5em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;min-width:100%;text-align:center;position:absolute;bottom:1px;left:0;font-size:1em;white-space:nowrap}.elol .card:hover{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10}.elol .card:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.elol .card:hover .card__head{text-align:center;top:calc(100% - 2em);color:#fff;background:rgba(5,11,31,.5);font-size:2em;-webkit-transform:rotate(0deg) skew(-5deg);transform:rotate(0deg) skew(-5deg)}.elol .card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.elol .card:not(:nth-child(5)){margin-right:1em}