.items-wrapper{display:flex}.items-wrapper .cover-item{position:relative;transition:width 500ms,min-height 500ms;overflow:hidden}.items-wrapper .cover-item:hover{width:50% !important}.cover-item .item-image{position:absolute;top:0;right:0;left:0;bottom:0;z-index:1}.cover-item .item-image img{width:100%;height:100%;object-fit:cover}.cover-item .item-spine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:opacity 500ms}.cover-item .item-spine h2{writing-mode:tb-rl;transform:rotate(-180deg)}.cover-item .item-spine h2 span{writing-mode:tb-rl}.items-wrapper .cover-item:hover .item-spine{opacity:0}.cover-item .item-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity 500ms}.cover-item .item-cover h2{min-width:calc(50vw - 100px)}.cover-item .item-cover p{min-width:100%}.cover-item .item-cover .cover-icon{position:absolute;bottom:50px;right:50px;color:#fff;font-size: 25px;opacity:.4}.items-wrapper .cover-item:hover .item-cover{opacity:1}@media screen and (max-width:768px){.items-wrapper{flex-direction:column}.items-wrapper .cover-item{min-height:50vw !important;width:100% !important}.items-wrapper .cover-item:hover{width:100% !important;min-height:100vw !important}.cover-item .item-spine h2{writing-mode:initial;transform:none}.cover-item .item-spine h2 span{writing-mode:initial}}