.hover-state,.hover-tile{align-items:center;display:flex;flex-direction:column;position:relative;transition:.3s ease-in-out}.hover-state{background-color:#fff;border-radius:16px;box-shadow:0 4px 8px rgba(0,0,0,.2);left:-24px;margin:0 auto;max-width:480px;opacity:0;padding:24px;pointer-events:none;position:absolute;right:-24px;top:-24px}.hover-tile:hover .hover-state{opacity:1;pointer-events:auto;z-index:1}.hover-tile:hover{transform:translateY(-8px);z-index:1}.img-outer-wrap{max-width:320px}.img-wrap{height:0;position:relative;width:100%}.hover-tile .img-wrap.square{padding-bottom:100%}.hover-tile .img-wrap.three-four{padding-bottom:75%}.hover-tile .img-wrap.widescreen{padding-bottom:56.25%}.hover-tile .image{object-fit:cover;width:100%}.hover-tile-text{display:flex;flex-direction:column;margin-top:16px;text-align:center;width:100%}