Set aspect ratio to hero images from comparison pages to prevent imag…

…e loading shift
estuary · Oct 10, 2024 · 254861e · 254861e
1 parent bfead6e
commit 254861e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/EtlToolsPage/SectionOne/styles.module.less b/src/components/EtlToolsPage/SectionOne/styles.module.less
@@ -34,6 +34,7 @@
 .rightColumn {
   max-width: 496px;
   width: 100%;
+  aspect-ratio: 1 / 1;
   position: relative;
 
   div:not(:first-of-type) {

diff --git a/src/components/EtlToolsXvsYPage/SectionOne/styles.module.less b/src/components/EtlToolsXvsYPage/SectionOne/styles.module.less
@@ -42,6 +42,7 @@
 
 .rightColumn {
   max-width: 536px;
+  aspect-ratio: 15 / 9;
   width: 100%;
   position: relative;
 }