.parent{justify-content:space-evenly;width:30%;height:100vh;display:flex;position:absolute;top:0}.column{height:100%;overflow:hidden}.track{flex-direction:column;gap:20px;display:flex}.column img{object-fit:cover;border-radius:12px;width:180px;height:220px}.up{animation:30s linear infinite scrollUp}.down{animation:30s linear infinite scrollDown}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-33.333%)}}@keyframes scrollDown{0%{transform:translateY(-33.333%)}to{transform:translateY(0)}}
.moveToMiddle{animation:10s ease-in-out infinite forwards moveToMiddle;right:0}.moveToLeft{animation:10s ease-in-out infinite forwards moveToLeft}.moveToRight{animation:10s ease-in-out infinite forwards moveToRight}@keyframes moveToMiddle{0%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;right:0}33%{color:#000;z-index:999;opacity:1;filter:blur();background:#fff;bottom:0;right:25%}66%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;right:50%}to{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;right:0}}@keyframes moveToLeft{0%{color:#000;z-index:999;opacity:1;filter:blur();background:#fff;bottom:0;left:25%}33%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;left:0}66%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;left:50%}to{color:#000;z-index:999;opacity:1;filter:blur();background:#fff;bottom:0;left:25%}}@keyframes moveToRight{0%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;left:0}33%{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;left:50%}66%{color:#000;z-index:999;opacity:1;filter:blur();background:#fff;bottom:0;left:25%}to{color:#fff;z-index:5;opacity:.5;filter:blur(1px);background:#000000b3;bottom:15%;left:0}}