From 0056851e3118c0f5be07b4b318016f0d68f7ab61 Mon Sep 17 00:00:00 2001
From: FireIsGood <fireisadequate@gmail.com>
Date: Tue, 11 Jun 2024 02:48:55 -0700
Subject: [PATCH] Fix theme images loading (#2517)

* chore: format themes file

* feat: add aspect ratio to theme images
---
 docs/sass/_themes.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/sass/_themes.scss b/docs/sass/_themes.scss
index 4c22a16f..22e7fe3b 100644
--- a/docs/sass/_themes.scss
+++ b/docs/sass/_themes.scss
@@ -1,4 +1,3 @@
-
 .themes-container {
   padding: 3rem;
   width: 80%;
@@ -9,7 +8,7 @@
   }
 }
 
-@media only screen and (max-width: 1000px)  {
+@media only screen and (max-width: 1000px) {
   .themes-container {
     width: 100%;
     margin: 0 1rem;
@@ -32,6 +31,7 @@
 
     img {
       width: 100%;
+      aspect-ratio: 16 / 9;
       height: 90%;
       object-fit: cover;
     }
@@ -54,21 +54,21 @@
     margin-right: 2rem;
   }
 
-  h1, p {
+  h1,
+  p {
     margin: 0;
   }
 
   padding: 1rem;
 }
 
-
-@media only screen and (max-width: 1000px)  {
+@media only screen and (max-width: 1000px) {
   .themes .theme {
     width: 100%;
   }
 }
 
-@media only screen and (max-width: 1000px)  {
+@media only screen and (max-width: 1000px) {
   .theme-info {
     flex-direction: column;
     align-items: center;