|
@@ -428,12 +428,27 @@ ul { list-style: none; }
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
inset: 0;
|
|
inset: 0;
|
|
|
background:
|
|
background:
|
|
|
|
|
+ url(../img/hero-family-bg.png) center/cover no-repeat,
|
|
|
radial-gradient(ellipse 80% 50% at 50% -10%, rgba(74, 155, 215, .10), transparent),
|
|
radial-gradient(ellipse 80% 50% at 50% -10%, rgba(74, 155, 215, .10), transparent),
|
|
|
radial-gradient(ellipse 60% 40% at 80% 80%, rgba(78, 205, 196, .08), transparent),
|
|
radial-gradient(ellipse 60% 40% at 80% 80%, rgba(78, 205, 196, .08), transparent),
|
|
|
radial-gradient(ellipse 50% 50% at 20% 70%, rgba(255, 217, 61, .06), transparent);
|
|
radial-gradient(ellipse 50% 50% at 20% 70%, rgba(255, 217, 61, .06), transparent);
|
|
|
pointer-events: none;
|
|
pointer-events: none;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.hero-bg::after {
|
|
|
|
|
+ content: '';
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ inset: 0;
|
|
|
|
|
+ background: linear-gradient(
|
|
|
|
|
+ to right,
|
|
|
|
|
+ rgba(254, 249, 240, 0.82) 0%,
|
|
|
|
|
+ rgba(254, 249, 240, 0.65) 45%,
|
|
|
|
|
+ rgba(254, 249, 240, 0.10) 70%,
|
|
|
|
|
+ transparent 100%
|
|
|
|
|
+ );
|
|
|
|
|
+ pointer-events: none;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.hero-inner {
|
|
.hero-inner {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-columns: 1fr 1fr;
|