.container { display: flex; flex-direction: column; justify-content: center; z-index: 5; position: relative; } .wrapper-images { display: flex; flex-direction: column; height: 150vh; justify-content: center; left: 50%; position: fixed; top: 50%; opacity: 0.6; transform: translate3d(-50%, -50%, 0) rotate(22.5deg); } .images-line { animation: runner 40s linear infinite; display: flex; transform: translateX(25%); .line { --tile-margin: 3vw; background-position: 50% 50%; background-size: cover; border-radius: 50%; flex: none; height: 30vh; margin: 3vw; width: 30vh; position: relative; &:after { content: ""; background: inherit; display: flex; width: 100%; height: 100%; border-radius: 50%; top: 3vh; position: absolute; background-size: cover; z-index: -1; filter: blur(25px) opacity(0.8); } &.large { border-radius: 20vh; width: 100vh; } } } @keyframes runner { to { transform: translateX(-5%); } }