:root{--noItems:8;--itemsWidth:600px;--gap:10px;--marqueeSpeed:80s}.imageBody{margin:0;padding-bottom:10px;display:flex;justify-content:center;align-items:center;overflow:hidden}#grid-container-image{width:calc(calc(var(--noItems) * calc(var(--itemsWidth) + var(--gap))));overflow:hidden;border-radius:var(--gap)}.gridImage{display:grid;grid-template-columns:1fr;grid-row-gap:var(--gap);width:500%}.rowImage{display:flex;overflow:hidden}.boxImage{width:var(--itemsWidth);height:240px;margin-right:var(--gap);border-radius:var(--gap);overflow:hidden}.boxImage img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.forward{animation:forward-marquee var(--marqueeSpeed) linear infinite}.forward:hover{animation-play-state:paused}.backward{animation:backward-marquee var(--marqueeSpeed) linear infinite}.backward:hover{animation-play-state:paused}@keyframes forward-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes backward-marquee{0%{transform:translateX(-50%)}to{transform:translateX(0)}}