nitrogen crisis

static/homepage.css

@@ -133,15 +133,14 @@
     background: linear-gradient(180deg, rgba(198, 235, 232, 0.8) 0%, rgba(198, 235, 232, 0.35) 100%), url("https://static.igem.wiki/teams/5054/haberbosch-jpg.webp"), 50% / cover no-repeat;
     filter: blur(3.3854165077209473px);
 }
-.homepage-bg-img3{
+.homepage-bg-img3 {
     position: absolute;
-    z-index: 0;
     width: 1300px;
-    height: 884.271px;
+    height: 1500px;
     flex-shrink: 0;
-    top: 8324px;
+    top: 2800px;
     box-shadow: inset 0px 0px 40px 20px #C6EBE8;
-    background: linear-gradient(180deg, #C6EBE8 0%, rgba(198, 235, 232, 0.00) 52.08%, #C6EBE8 100%), url("https://static.igem.wiki/teams/5054/gettyimages-522192748-jpg.webp"), 50% / cover no-repeat;
+    background: linear-gradient(180deg, #C6EBE8 0%, rgba(198, 235, 232, 0.00) 52.08%, #C6EBE8 100%), url(https://static.igem.wiki/teams/5054/gettyimages-522192748-jpg.webp), 50% / cover no-repeat;
     filter: blur(3.3854165077209473px);
 }
 
@@ -236,27 +235,29 @@
     transition: all 0.5s linear;
 }
 
-.homepage-content-img4{
-    top: 8697px;
-    transform: translateX(-66%);
-    width: 415.729px;
-    height: 236.979px;
+.homepage-content-img4 {
+    top: 3200px;
+    transform: translateX(-90%);
+    width: 300px;
+    height: 390px;
     flex-shrink: 0;
     border-radius: 33.854px;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url("https://static.igem.wiki/teams/5054/europe-global-fertilizer-and-manure-version-1-nitrogen-in-manure-production-6172666199.jpg"), 50% / cover no-repeat;
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url(https://static.igem.wiki/teams/5054/europe-global-fertilizer-and-manure-version-1-nitrogen-in-manure-production-6172666199.jpg), 50% / cover no-repeat;
     opacity: 0;
+    background-size: 100%;
     transition: all 0.5s linear;
 }
 
-.homepage-content-img5{
-    top: 8697px;
-    transform: translateX(68%);
-    width: 475.313px;
-    height: 236.979px;
+.homepage-content-img5 {
+    top: 3200px;
+    transform: translateX(90%);
+    width: 300px;
+    height: 390px;
     flex-shrink: 0;
     border-radius: 33.854px;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url("https://static.igem.wiki/teams/5054/river-algae-sichuan.jpg"), 50% / cover no-repeat;
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), url(https://static.igem.wiki/teams/5054/river-algae-sichuan.jpg), 50% / cover no-repeat;
     opacity: 0;
+    background-size: 100%;
     transition: all 0.5s linear;
 }
 
@@ -646,34 +647,33 @@
     opacity: 0;
     transition: all 0.5s linear;
 }
-.homepage-content3{ 
-    /* it's a subtitle content */
-    top: 8244px;
-    width: 1000px;
+.homepage-content3 {
+    top: 3000px;
+    width: 1500px;
     height: 200px;
     transform: translateX(10%);
     font-family: SourceSansPro;
     font-size: 135.417px;
     font-style: normal;
     font-weight: 600;
-    color: transparent;
-    -webkit-text-stroke: 1px #F8F0E8;
+    color: #185A4F;
     opacity: 0;
     transition: all 0.5s linear;
 }
-.homepage-content4{
-    top: 8897px;
+
+.homepage-content4 {
+    top: 3550px;
     width: 415px;
     height: 120px;
-    transform: translateX(-65%);
+    transform: translateX(-50%);
     opacity: 0;
     transition: all 0.5s linear;
 }
-.homepage-content5{
-    top: 8897px;
+.homepage-content5 {
+    top: 3550px;
     width: 475px;
     height: 120px;
-    transform: translateX(68%);
+    transform: translateX(78%);
     opacity: 0;
     transition: all 0.5s linear;
 }

wiki/pages/home.html

@@ -108,7 +108,7 @@
     <div class="homepage-content-img3 homepage-elements reveal" id="homepage-content-img3"></div>
 
     <div class="homepage-content3 homepage-elements reveal">
-      <span style="font-family:'Courier New', Courier, monospace">#</span>The Nitrogen Crisis
+      The Nitrogen Crisis
     </div>
 
   <div class="homepage-bg-img3"></div>