Make landing picture a bit transparent on small screens for lisibility

RuyBlast · Nov 26, 2023 · 474d04b · 474d04b
1 parent ee4128a
commit 474d04b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -1039,4 +1039,11 @@ h1, h2, h3, h4, h5, h6 {
 .form-subscribe .form-control:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
   font-style: italic;
+}
+
+/* Make landing picture a bit transparent on small screens for lisibility */
+@media (max-width: 991px) {
+  #home-section img {
+    opacity: 0.5;
+  }
 }
diff --git a/scss/style.scss b/scss/style.scss
@@ -7,4 +7,12 @@
 /* Navbar */
 @import "site-navbar";
 /* Blocks */
-@import "site-blocks";
+@import "site-blocks";
+
+
+/* Make landing picture a bit transparent on small screens for lisibility */
+@media (max-width: 991px) {
+  #home-section img {
+    opacity: 0.5;
+  }
+}