diff --git a/src/app/landing-page/landing-page.component.html b/src/app/landing-page/landing-page.component.html index af4cf58..2d79161 100644 --- a/src/app/landing-page/landing-page.component.html +++ b/src/app/landing-page/landing-page.component.html @@ -34,3 +34,6 @@ +
+ +
diff --git a/src/app/landing-page/landing-page.component.scss b/src/app/landing-page/landing-page.component.scss index fc2e37f..a1d9b1a 100644 --- a/src/app/landing-page/landing-page.component.scss +++ b/src/app/landing-page/landing-page.component.scss @@ -84,3 +84,30 @@ img.envelope { width: 64px; margin-top: 8px; } + +.background { + pointer-events: none; + display: flex; + align-content: flex-end; + justify-items: flex-end; + + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + + &:before { + content: ''; + + opacity: 25%; + + background: no-repeat center top url("../../assets/images/flowers.webp"); + + width: 100vw; + height: min(300px, 33vh); + + position: absolute; + bottom: 0 + } +} diff --git a/src/assets/images/flowers.webp b/src/assets/images/flowers.webp new file mode 100644 index 0000000..334af8b Binary files /dev/null and b/src/assets/images/flowers.webp differ