fix curve

assets/sass/abstracts/_variables.sass

@@ -80,6 +80,8 @@ $pagination-hover-color: $pagination-active-color
 $pagination-hover-bg: $pagination-active-bg
 $pagination-hover-border-color: $pagination-active-bg
 
+$spacer: 1.25rem
+
 // Hugolify
 $header-height: 80px
 $header-background-color: white

assets/sass/theme/layout/_main.sass

@@ -3,7 +3,10 @@ main
     position: relative
     &:after
         aspect-ratio: 2000/50
-        background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 50'%3E%3Cpath d='M0 2.03394V50H2000V0.870483C1999.35 1.61206 1999 2.00049 1999 2.00049C1999 2.00049 1405 22.0004 999 22.0004C602.668 22.0004 27.1825 2.94165 0 2.03394Z' fill='%23f9fbfd'/%3E%3C/svg%3E" )
+        background-image: url( "/assets/images/curve.svg" )
+        background-position: center bottom
+        background-repeat: no-repeat
+        background-size: 100% auto
         bottom: -1px
         content: ''
         display: block
@@ -13,3 +16,6 @@ main
         position: absolute
         right: 0
         width: 100%
+        @supports not (aspect-ratio: 1)
+            min-height: 1.25rem
+

package.json

@@ -1,6 +1,6 @@
 {
     "name": "hugolify-theme-3",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "homepage": "https://www.hugolify.io",
     "repository": "https://github.com/hugolify/hugolify-theme-3",
     "bugs": {