style.css

body,img{margin:0;padding:0;border:0;font-size:0}img{width:50vw;height:auto;border-radius:2vw}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}div{width:fit-content;height:fit-content;background-color:#ff9953;border-radius:2vw;position:relative;margin:5vw;animation:sli 2.5s linear infinite alternate}@keyframes sli{0%{transform:translateX(0)}100%{transform:translateX(80%)}}div::after,div::before{content:"";position:absolute;width:100%;height:100%;border-radius:2vw;z-index:-1;background-image:conic-gradient(from var(--angle),red,orange,#ff0,green,#00f,indigo,purple,red);bottom:50%;left:50%;translate:-50% 50%;padding:2.5vw;animation:bdrdan 2.5s infinite linear}div::before{filter:blur(2.5vw)}@keyframes bdrdan{0%{--angle:0deg}100%{--angle:360deg}}