diff --git a/src/assets/css/components/layout/Page-container.scss b/src/assets/css/components/layout/Page-container.scss index b0e47be..d207f01 100644 --- a/src/assets/css/components/layout/Page-container.scss +++ b/src/assets/css/components/layout/Page-container.scss @@ -15,7 +15,7 @@ // height: 100vh; // @apply overflow-x-hidden overflow-y-auto; overflow: hidden; - @apply pb-44 pt-10 xl:pb-0 xl:pt-0; + @apply pb-44 xl:pb-0 xl:pt-0; @screen md { height: calc(99.8dvh - $margin * 2); @@ -24,10 +24,15 @@ } &__content { - @apply text-center pb-8 md:pb-0 pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; + @apply text-center pb-8 mt-28 md:mt-0 md:pb-0 pt-12 md:pt-12 px-2 md:px-16 w-fit mx-auto h-auto overflow-visible relative; + background-image: url("../../../img/shapes-background/mask.svg"); - background-position: center; - background-size: cover; + background-size: auto 100%; + background-position: 90% top; + @screen md { + background-position: center; + } + background-repeat: no-repeat; box-sizing: border-box; max-width: 90%; // padding-bottom: -100px;