diff --git a/images/Rectangle 27.png b/static/images/Rectangle 27.png
similarity index 100%
rename from images/Rectangle 27.png
rename to static/images/Rectangle 27.png
diff --git a/images/bat-img.png b/static/images/bat-img.png
similarity index 100%
rename from images/bat-img.png
rename to static/images/bat-img.png
diff --git a/images/drop-img.png b/static/images/drop-img.png
similarity index 100%
rename from images/drop-img.png
rename to static/images/drop-img.png
diff --git a/images/img-knee.png b/static/images/img-knee.png
similarity index 100%
rename from images/img-knee.png
rename to static/images/img-knee.png
diff --git a/images/robot.png b/static/images/robot.png
similarity index 100%
rename from images/robot.png
rename to static/images/robot.png
diff --git a/static/src/main.css b/static/src/main.css
index fe0a52e..90c4df8 100644
--- a/static/src/main.css
+++ b/static/src/main.css
@@ -75,7 +75,6 @@
     height: 7vh;
     display: flex;
     flex-direction: row;
-
     justify-content: space-around;
     align-items: center;
 }
diff --git a/templates/base.html b/templates/base.html
index bf2ce36..24b2fd9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,12 +14,18 @@
     <body>
         <div class="main-container">
             <div class="main-element e1">
-                <img src="robot.png" class="robotimg" />
+                <img
+                    src="{{url_for('static', filename='images/robot.png')}}"
+                    class="robotimg"
+                />
             </div>
             <div class="main-element e2">
                 <div class="dropdowns">
                     <div class="dropdown d1">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -41,7 +47,10 @@
                     </div>
 
                     <div class="dropdown d2">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -63,7 +72,10 @@
                     </div>
 
                     <div class="dropdown d3">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -114,70 +126,100 @@
                         <p class="pos-angle-num">1</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">2</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">3</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">4</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">5</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">6</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">7</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">8</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">9</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">10</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                 </div>
