change position of steps in roadmap

static/homepage.css

@@ -602,6 +602,7 @@
 
 /* bottom links style */
 .homepage-link1 {
+<<<<<<< HEAD
   top: 11000px;
   transform: translateX(-410px);
   width: 400px;
@@ -609,6 +610,15 @@
   flex-shrink: 0;
   opacity: 0;
   transition: all 0.5s linear;
+=======
+    top: 11900px;
+    transform: translateX(-410px);
+    width: 400px;
+    height: 500px;
+    flex-shrink: 0;
+    opacity: 0;
+    transition: all 0.5s linear;
+>>>>>>> fb92959 (change position of steps in roadmap)
 }
 .homepage-link-img1 {
   margin: 0 auto;
@@ -637,6 +647,7 @@
 }
 
 .homepage-link2 {
+<<<<<<< HEAD
   top: 11800px;
   width: 400px;
   height: 500px;
@@ -644,6 +655,15 @@
   opacity: 0;
   transition: all 0.5s linear;
   transform: translateX(410px);
+=======
+    top: 12500px;
+    width: 400px;
+    height: 500px;
+    flex-shrink: 0;
+    opacity: 0;
+    transition: all 0.5s linear;
+    transform: translateX(410px);
+>>>>>>> fb92959 (change position of steps in roadmap)
 }
 
 .homepage-link-img2 {
@@ -659,6 +679,7 @@
 }
 
 .homepage-link3 {
+<<<<<<< HEAD
   top: 12600px;
   transform: translateX(-410px);
   width: 400px;
@@ -666,6 +687,15 @@
   flex-shrink: 0;
   opacity: 0;
   transition: all 0.5s linear;
+=======
+    top: 13100px;
+    transform: translateX(-410px);
+    width: 400px;
+    height: 500px;
+    flex-shrink: 0;
+    opacity: 0;
+    transition: all 0.5s linear;
+>>>>>>> fb92959 (change position of steps in roadmap)
 }
 .homepage-link1 > a {
   text-decoration: none;
@@ -683,6 +713,7 @@
   text-decoration: none;
 }
 
+<<<<<<< HEAD
 .homepage-link-img3 {
   margin: 0 auto;
   width: 400px;
@@ -702,6 +733,28 @@
   flex-shrink: 0;
   opacity: 0;
   transition: all 0.5s linear;
+=======
+
+.homepage-link-img3{
+    margin: 0 auto;
+    width: 400px;
+    height: 300px;
+    background: url("https://static.igem.wiki/teams/5054/cell-division.png");
+    background-repeat: no-repeat;
+    background-size: 91%;
+    background-position: center;
+    transition: all 0.1s linear;
+    transform: translateX(30px);
+} 
+.homepage-link4 {
+    top: 13700px;
+    transform: translateX(410px);
+    width: 400px;
+    height: 500px;
+    flex-shrink: 0;
+    opacity: 0;
+    transition: all 0.5s linear;
+>>>>>>> fb92959 (change position of steps in roadmap)
 }
 
 .homepage-link-img4 {

wiki/pages/home.html

@@ -346,7 +346,7 @@
 
 <canvas id="roadmap" width="1300" height="3000" style="background-color: transparent;"></canvas>
 </div>
-<script src="{{ url_for('static', filename = 'homepage.js') }}" type="text/javascript"></script>
+<script src="{{ url_for('static', filename = 'homepage-roadmap.js') }}" type="text/javascript"></script>
 
 <script src="{{ url_for('static', filename = 'homepage-animation.js') }}" type="text/javascript"></script>