.hero-image{--height-initial:100svh;--width-initial:100%;--height-animate:40svh;--width-animate:100%}@media (min-width:768px){.hero-image{--height-initial:100svh;--width-initial:100%;--height-animate:40svh;--width-animate:100%}}@media (min-width:1024px){.hero-image{--height-initial:100svh;--width-initial:100%;--height-animate:316px;--width-animate:100%}}.circle-image{border-radius:50%;width:70%;height:70%;position:relative;overflow:hidden}.animate-marquee{animation:80s linear infinite marquee}.pause-on-hover:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(28px - 100%))}}