diff --git a/index.html b/index.html
index 0e3cc20..6a8e10e 100644
--- a/index.html
+++ b/index.html
@@ -82,6 +82,26 @@
}
}
+/* Scale desktop.png image next to "What is Dragon Linux?" on mobile */
+@media (max-width: 768px) {
+ /* Target the column containing the image */
+ .columns.left .column:last-child img {
+ max-width: 100% !important; /* image cannot exceed container width */
+ height: auto !important; /* maintain aspect ratio */
+ margin: 0 auto !important; /* center the image horizontally */
+ display: block;
+ }
+
+ /* Ensure the column container shrinks to fit image */
+ .columns.left .column:last-child {
+ display: flex !important;
+ justify-content: center !important;
+ align-items: flex-start !important;
+ height: auto !important;
+ padding-top: 10px !important;
+ }
+}
+