Add adoptables CSS class

src/_includes/main/virtualpets.njk

@@ -1,5 +1,7 @@
 <section class="content__section">
     <h2>Virtual Pets</h2>
     <p>Feel free to check out my virtual pets and feed them!</p>
-    <a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a>
+    <div class="adoptables">
+        <a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a>
+    </div>
 </section>

src/assets/css/components.css

@@ -132,6 +132,15 @@
     padding: 1em;
 }
 
+/* Adoptables wrapper */
+.adoptables {
+    display: flex;
+    align-items: flex-end;
+    gap: 1em;
+}
+
+p + .adoptables { margin-top: 1em; }
+
 /* Web button lists */
 .web-btn-wrapper {
     display: flex;