.image-card{cursor:pointer;border:1px dashed #fff3;width:100%;max-width:480px;padding:4px;position:relative}.image-card-corner{pointer-events:none;z-index:1;width:11px;height:11px;transition:opacity .3s;position:absolute}.image-card-corner-default{opacity:1}.image-card-corner-hover,.image-card:hover .image-card-corner-default{opacity:0}.image-card:hover .image-card-corner-hover{opacity:1}.image-card-corner-top-left{top:-6px;left:-6px}.image-card-corner-hover.image-card-corner-top-left{top:-1px;left:-1px}.image-card-corner-top-right{top:-6px;right:-6px}.image-card-corner-hover.image-card-corner-top-right{top:-1px;right:-1px}.image-card-corner-bottom-left{bottom:-6px;left:-6px}.image-card-corner-hover.image-card-corner-bottom-left{bottom:-1px;left:-1px}.image-card-corner-bottom-right{bottom:-6px;right:-6px}.image-card-corner-hover.image-card-corner-bottom-right{bottom:-1px;right:-1px}.image-card-content{aspect-ratio:8/9;width:100%;position:relative;overflow:hidden}.image-card-overlay{opacity:0;z-index:1;pointer-events:none;background:#d1075433;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.image-card:hover .image-card-overlay{opacity:1}.image-card-image{object-fit:cover;width:100%;height:100%;display:block}.image-card-text{color:#fff;z-index:2;width:100%;height:100%;padding:clamp(20px,3vw,40px);font-family:Poppins;font-size:clamp(16px,1.6vw,24px);font-style:normal;font-weight:600;line-height:1.5;position:absolute;top:0;left:0}@media (max-width:768px){.image-card{max-width:100%}.image-card-text{padding:20px;font-size:18px;line-height:27px}}@media (max-width:1200px) and (min-width:769px){.image-card{max-width:100%}}