<div class="scrollbar-orange" style="
display:grid;
grid-auto-flow:column; /* lay items in columns */
grid-auto-columns:300px; /* each item = 300px wide */
overflow-x:auto; /* class forces scroll anyway */
overflow-y:hidden;
gap:1rem;
padding:1rem;
border:1px solid #ccc;
border-radius:8px;
-webkit-overflow-scrolling:touch;
">
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Ellette-Art.png"
alt="Ellette" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Ellette</figcaption>
</figure>
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Qwimby-Art.png"
alt="Qwimby" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Qwimby</figcaption>
</figure>
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Steve-Art.png"
alt="Steve" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Steve</figcaption>
</figure>
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Graxen-Art.png"
alt="Graxen" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Graxen</figcaption>
</figure>
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Kyo-Art.png"
alt="Kyo" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Kyo</figcaption>
</figure>
<figure style="margin:0; text-align:center;">
<img src="Images/Commision/Abeholderinatrenchcoat/Orlan-Art.png"
alt="Orlan" style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Orlan</figcaption>
</figure>
<figure style="margin:0; text-align:center; grid-column: span 2;">
<img src="Images/Commision/Abeholderinatrenchcoat/SordiaVignti-Team.png"
alt="Sordia Vignti"
style="width:100%; height:300px; object-fit:cover; display:block;">
<figcaption>Sordia Vignti</figcaption>
</figure>
</div>