fixed aspect ratio of screenshots

Author: pepc84

downloads/cmake_setup.html

@@ -49,7 +49,7 @@
     .shot-placeholder { display: none; }
     .shot-placeholder.visible { background: #f7f7f7; border: 1px dashed #ccc; border-radius: 8px; aspect-ratio: 16/9; max-width: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; font-size: 12.5px; text-align: center; padding: 1rem; margin: 0.5rem 0 1.5rem; }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }
     @media (max-width: 768px) {

downloads/dragdrop_setup.html

@@ -50,7 +50,7 @@
     .shot-placeholder { display: none; }
     .shot-placeholder.visible { background: #f7f7f7; border: 1px dashed #ccc; border-radius: 8px; aspect-ratio: 16/9; max-width: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; font-size: 12.5px; text-align: center; padding: 1rem; margin: 0.5rem 0 1.5rem; }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }
     @media (max-width: 768px) {

downloads/index.html

@@ -50,7 +50,7 @@
       padding: 1rem;
     }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; }
     .mode-callout .step-list { color: #6b5a1f; font-size: 13.5px; line-height: 1.9; margin: 0 0 1rem 1.1rem; }
 
     /* Header library downloads */

gettingstarted/index.html

@@ -85,7 +85,7 @@
       margin: 0.5rem 0 1.5rem;
     }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     .next-steps { border-top: 1px solid #e0e0e0; margin-top: 3rem; padding-top: 2rem; display: flex; gap: 1.5rem; flex-wrap: wrap; }
     .next-steps a { font-size: 14px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 2px; }