.clip-circle{-webkit-mask:radial-gradient(circle at center,black 150px,transparent 0);mask:radial-gradient(circle at center,black 150px,transparent 0)}@media (min-width:768px){.clip-circle{-webkit-mask:radial-gradient(circle at center,black 35%,transparent 0);mask:radial-gradient(circle at center,black 35%,transparent 0)}}@media (min-width:1280px){.clip-circle{clip-path:circle(100vw);-webkit-mask:none;mask:none;animation:clip-animation-mobile 3s ease-in-out 1s forwards,clip-mask 1s ease 3.5s forwards}@keyframes clip-animation-mobile{0%{clip-path:circle(100vw)}to{clip-path:circle(18vw)}}@keyframes clip-mask{to{-webkit-mask:radial-gradient(circle at center,black 18vw,transparent 0);mask:radial-gradient(circle at center,black 18vw,transparent 0);clip-path:none}}}