.image-card{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));>img,>video{position:absolute}>img,>video{height:100%}>img,>video{width:100%}>img,>video{-o-object-fit:cover;object-fit:cover}>img,>video{opacity:.6}>img,>video{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>img,>video{transition-duration:.3s}>img,>video{animation-duration:.3s}>.cover{position:absolute}>.cover{inset:0}>.cover{display:flex}>.cover{-webkit-user-select:none;-moz-user-select:none;user-select:none}>.cover{flex-direction:column}>.cover{align-items:center}>.cover{justify-content:center}>.cover{gap:5rem}>.cover{border-radius:20px}>.cover{>div,>button{z-index:1}>div{text-align:center}>div{font-size:4.5rem;line-height:1}>div{font-weight:700}>button{font-size:1.25rem;line-height:1.75rem}&:hover>button{background-color:#ffffff4d}}>.content{pointer-events:none}>.content{padding:2rem}>.content{font-size:1.125rem;line-height:1.75rem}>.content{opacity:0}>.content{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>.content{transition-duration:.3s}>.content{animation-duration:.3s}>.content{z-index:1}&[data-revealed=true]{>img,>video{opacity:.2}>.cover{display:none}>.content{pointer-events:auto}>.content{opacity:1}}}