@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.card{position:relative;width:200px;height:200px;--card-height:200px;z-index:1}.card img{width:100%;height:100%;z-index:1;-o-object-fit:cover;object-fit:cover}.card:after{position:absolute;content:"";border-radius:50%;bottom:20px;left:0;right:0;z-index:0;height:110%;width:110%;margin:0 auto;transform:scale(.8);filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(var(--rotate),#cf2e2e,#881b1b 43%,#e56060);opacity:1;transition:opacity .5s;animation:spin 2.5s linear infinite}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}.skeleton-image-container{position:absolute;right:5%;top:50%;transform:translateY(-50%)}