this repo has no description
Reduce mobile cloud layer zoom for less screen dominance
Lower .cloud-layer zoom at 768px and 480px breakpoints so decorative
clouds read smaller on phones and tablets.
Made-with: Cursor
+3
-3
+3
-3
assets/styles.css
+3
-3
assets/styles.css
···
101
101
isolation: isolate;
102
102
}
103
103
104
-
/* Mobile: fewer clouds + slightly smaller layer (zoom avoids fighting per-SVG parallax transforms) */
104
+
/* Mobile: fewer clouds + smaller layer (zoom avoids fighting per-SVG parallax transforms) */
105
105
@media (max-width: 768px) {
106
106
.cloud-layer {
107
-
zoom: 0.82;
107
+
zoom: 0.66;
108
108
}
109
109
110
110
.cloud-layer svg.cloud-svg--hide-sm {
···
118
118
119
119
@media (max-width: 480px) {
120
120
.cloud-layer {
121
-
zoom: 0.72;
121
+
zoom: 0.56;
122
122
}
123
123
}
124
124