.vertical-line{width:2px;top:0;bottom:0;left:50%;transform:translateX(-50%);z-index:1}.horizontal-line,.vertical-line{background-color:var(--secondary);position:absolute}.horizontal-line{top:50%;right:0;width:150px;height:2px}.left-to-right{right:-48px}.right-to-left{left:-48px}.circle{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--secondary);border-radius:50%;z-index:2}.left-circle{right:-28%}.right-circle{left:-20%}@media screen and (min-width:1024px){.left-circle{right:-20%}.right-circle{left:-14%}}@media screen and (min-width:1440px){.left-circle{right:-11%}.right-circle{left:-8%}}.project-content{padding:20px;display:flex;flex-direction:column;justify-content:center}.image-card{position:relative;padding:3px}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.image-card:after,.image-card:before{content:"";position:absolute;background-image:conic-gradient(from var(--angle),transparent 70%,#ff4545,#0f9,#006aff,#ff0095,#ff4545);height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 3s linear infinite}.image-card:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}