[optimize] optipng the png file

src/assets/image.backup/CFPBackground.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2010" height="2900" viewBox="0 0 2010 2900"><defs><style>.a{opacity:0.6;}.b{fill:#9ccaef;}.c{fill:#9cc3ef;}.d{fill:#fff;}</style></defs><g class="a" transform="translate(89)"><path class="b" d="M0,0H120L960,540,0,120Z"/><path class="b" d="M240,0H360L960,540h0Z"/><path class="b" d="M480,0H600L960,540h0Z"/><path class="b" d="M720,0H840L960,540h0Z"/><path class="b" d="M960,0h120L960,540h0Z"/><path class="b" d="M1200,0h120L960,540h0Z"/><path class="c" d="M1440,0h120L960,540h0Z"/><path class="c" d="M1680,0h120L960,540h0Z"/><path class="b" d="M960,540l960-420V240L960,540Z"/><path class="b" d="M0,240,960,540h0L0,360Z"/><path class="b" d="M960,540l960-180V480L960,540Z"/><path class="b" d="M0,480l960,60h0L0,600Z"/><path class="b" d="M960,540l960,60V720L960,540Z"/><path class="b" d="M0,720,960,540h0L0,840Z"/><path class="b" d="M960,540l960,300V960L960,540Z"/><path class="b" d="M0,960,960,540,0,1157V960Z"/><path class="b" d="M960,540h0L0,1404V1260Z"/><path class="b" d="M960,540h0L0,1981V1620Z"/><path class="b" d="M960,540h0L436,2900H-89Z"/><path class="b" d="M960,540h0l524,2360H960Z"/><path class="b" d="M960,540h0l960,1440v719Z"/><path class="b" d="M960,540h0l960,864v215Z"/><path class="b" d="M960,540h0l960,617,1,103Z"/><path class="d" d="M120,0H240L960,540h0Z"/><path class="d" d="M360,0H480L960,540h0Z"/><path class="d" d="M600,0H720L960,540h0Z"/><path class="d" d="M840,0H960V540h0Z"/><path class="d" d="M1080,0h120L960,540h0Z"/><path class="d" d="M1320,0h120L960,540h0Z"/><path class="d" d="M1560,0h120L960,540h0Z"/><path class="d" d="M1800,0h120V120L960,540Z"/><path class="d" d="M0,120,960,540h0L0,240Z"/><path class="d" d="M960,540l960-300V360L960,540Z"/><path class="d" d="M0,360,960,540h0L0,480Z"/><path class="d" d="M960,540l960-60V600L960,540Z"/><path class="d" d="M0,600l960-60h0L0,720Z"/><path class="d" d="M960,540l960,180V840L960,540Z"/><path class="d" d="M0,840,960,540h0L0,960Z"/><path class="d" d="M960,540h0L240,1080H120Z"/><path class="d" d="M960,540h0L480,1080H360Z"/><path class="d" d="M960,540h0L720,1080H600Z"/><path class="d" d="M960,540h0v540H840Z"/><path class="d" d="M960,540h0l240,540H1080Z"/><path class="d" d="M960,540h0l480,540H1320Z"/><path class="d" d="M960,540h0l720,540H1560Z"/><path class="d" d="M960,540l960,420v120H1800Z"/><circle class="d" cx="324.5" cy="324.5" r="324.5" transform="translate(637 216)"/></g></svg>

src/assets/image.backup/sitcon-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="295.744" height="428.391" viewBox="0 0 295.744 428.391"><defs><style>.a{fill:#9ccaef;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="295.744" height="428.391"/></clipPath></defs><g class="b"><path class="a" d="M63.245,13.293C88.182-5.768,117.8,1.27,117.8,1.27s-4.948,35.411-29.879,54.479S27.52,70.3,27.52,70.3A306.526,306.526,0,0,0,42.954,43.412c4.524-8.882,11.1-23.081,20.29-30.119" transform="translate(141.638 0.002)"/><path class="a" d="M44.93,12.055c-11.648-8.9-25.478-5.618-25.478-5.618s2.311,16.541,13.953,25.441,28.214,6.8,28.214,6.8-3.6-5.464-7.216-12.558c-2.108-4.155-5.182-10.788-9.472-14.07" transform="translate(100.114 30.087)"/><path class="a" d="M33.481,64.818c3.411,0,6.811.148,10.21.375C40.654,47.072,41.256,28.2,50.562,12c-16.3,13.123-24.224,33.217-28.336,53.274,3.743-.27,7.5-.455,11.255-.455" transform="translate(114.391 61.756)"/><path class="a" d="M147.872,21.579A147.875,147.875,0,1,0,295.75,169.451,147.875,147.875,0,0,0,147.872,21.579m60.422,208.294-60.422-41.583L87.456,229.873l41.577-60.422L87.456,109.035l60.416,41.583,60.422-41.583-41.589,60.416Z" transform="translate(0 111.061)"/></g></svg>

src/assets/scss/CFP/intro.scss

@@ -38,10 +38,21 @@ $fontColor: $mid-blue;
   }
 }
 .introduction {
-  height: 2400px;
+  height: 2300px;
   overflow: hidden;
   padding-bottom: 0;
 }
+@media screen and (max-width: 1021px) {
+  .introduction {
+    height: 2230px;
+  }
+}
+@media screen and (max-width: 891px) {
+  .introduction {
+    height: 2200px;
+  }
+}
+
 
 // Utiliy
 #cfp-intro {
@@ -172,7 +183,7 @@ $fontColor: $mid-blue;
         align-items: flex-end;
       }
     }
-
+    
     .give-me-money {
       position: relative;
       z-index: 2;
@@ -248,6 +259,7 @@ $fontColor: $mid-blue;
 }
 
 @include sm {
+
   #cfp-intro{
     h1,
     h2,
@@ -296,7 +308,6 @@ $fontColor: $mid-blue;
   #cfp-intro{
     .box-back2 {
       margin-top:-2em;
-  
       .second-box {
           transform: rotate(12deg);
           bottom: 1150px;