I noticed that the custom CSS dose not work for mobile.
For me the best part of native design I background blur.
Just a background blur like one uses color. Should be an easy fix. :^)
Now here’s its really at is the progressive blur:
#blur-gradient-top {
mask-image: linear-gradient(
to top,
transparent 0%,
rgba(0, 0, 0, 0.05) 15%,
rgba(0, 0, 0, 0.15) 25%,
rgba(0, 0, 0, 0.35) 35%,
rgba(0, 0, 0, 0.55) 45%,
rgba(0, 0, 0, 0.7) 55%,
rgba(0, 0, 0, 0.85) 65%,
rgba(0, 0, 0, 0.95) 75%,
black 85%
) !important;
-webkit-mask-image: linear-gradient(
to top,
transparent 0%,
rgba(0, 0, 0, 0.05) 15%,
rgba(0, 0, 0, 0.15) 25%,
rgba(0, 0, 0, 0.35) 35%,
rgba(0, 0, 0, 0.55) 45%,
rgba(0, 0, 0, 0.7) 55%,
rgba(0, 0, 0, 0.85) 65%,
rgba(0, 0, 0, 0.95) 75%,
black 85%
) !important;
}