.container1{display:flex;justify-content:center;align-items:center;margin:10vmin;overflow:hidden;transform:skew(0deg);margin-top:0px}.container1 .card{flex:1;transition:all 1s ease-in-out;height:55vmin;position:relative}.container1 .card .card__head{color:white;background:rgba(147,112,219,0.65);padding:0.5em;transform:rotate(-90deg);transform-origin:0% 0%;transition:all 0.5s ease-in-out;min-width:100%;text-align:center;position:absolute;bottom:0;left:0;font-size:1em;white-space:nowrap;border-top-left-radius:0;border-bottom-left-radius:0}.container1 .card:hover{flex-grow:10}.container1 .card:hover img{filter:grayscale(0)}.container1 .card:hover .card__head{text-align:center;top:calc(100% - 2em);color:white;background:rgba(147,112,219,0.65);font-size:1.5em;transform:rotate(0deg)}.container1 .card img{width:100%;height:100%;object-fit:contain;transition:all 1s ease-in-out;filter:grayscale(100%)}.container1 .card:not(:nth-child(5)){margin-right:1em}.boxShadow2{transition:0.3s}.boxShadow2:hover{transform:translateY(-5px)
-webkit-box-shadow:0px 3px 9px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 3px 9px 0px rgba(0,0,0,0.5);box-shadow:0px 3px 9px 0px rgba(0,0,0,0.5)}