.gallery{height:330px;overflow:hidden;position:relative}
.gallery-track{position:absolute;left:-10%;right:-10%;top:50%;transform:translateY(-50%) rotate(-5deg);display:flex;flex-direction:column;gap:12px;opacity:.5}
.gallery-row{display:flex;width:max-content;animation:loopL 70s linear infinite;will-change:transform}
.gallery-row:nth-child(even){animation-name:loopR;margin-left:-90px}
.gallery-set{display:flex;gap:12px;padding-right:12px}
.gallery:hover .gallery-row{animation-play-state:paused}
.gallery-tile{width:208px;height:100px;border-radius:12px;overflow:hidden;flex:none;background:var(--line)}
.gallery-tile img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-fade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 52%,var(--bg) 0,transparent 100%),linear-gradient(to bottom,transparent 60%,var(--bg))}
@keyframes loopL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes loopR{from{transform:translateX(-50%)}to{transform:translateX(0)}}