fix: make hero sticky

This commit is contained in:
Christel Westerberg
2024-03-01 09:11:09 +01:00
parent 41a224c83a
commit 1498309f47
2 changed files with 11 additions and 2 deletions

View File

@@ -1,7 +1,8 @@
.wrapper {
position: relative;
background: #f3f2f1;
display: block;
padding-bottom: 50px;
width: 100%;
z-index: 10;
}
}

View File

@@ -1,5 +1,5 @@
.wrapper {
z-index: 0;
z-index: -1;
}
.picture {
@@ -24,3 +24,11 @@
aspect-ratio: auto;
}
}
@media screen and (min-width: 950px) {
.wrapper {
overflow: hidden;
position: sticky;
top: 0px;
}
}