responsive images and respecting SCRIPT_NAME, fixes #1120 (#1121)

* responsive images and respecting SCRIPT_NAME

* changed to url part

Author: ReimarBauer

mslib/static/templates/index.html

@@ -19,26 +19,25 @@
         </div>
       </div>
       <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
-
         <div class="carousel-inner">
           <div class="carousel-item active">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/polstracc_2016.jpeg" alt="Polstracc 2016">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/polstracc_2016.jpeg" width="592" alt="Polstracc 2016">
         </div>
 
           <div class="carousel-item">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/emerge_2017.jpeg" alt="Emerge 2017">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/emerge_2017.jpeg" width="592" alt="Emerge 2017">
           </div>
           <div class="carousel-item">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/stratoclim_2017.jpeg" alt="Stratoclim 2017">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/stratoclim_2017.jpeg" width="592" alt="Stratoclim 2017">
           </div>
           <div class="carousel-item">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/wise_2017.jpeg" alt="Stratoclim 2017">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/wise_2017.jpeg" width="592" alt="Stratoclim 2017">
           </div>
           <div class="carousel-item">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/southtrac_2019.jpeg" alt="Southtrac 2019">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/southtrac_2019.jpeg" width="592" alt="Southtrac 2019">
           </div>
           <div class="carousel-item">
-            <img class="rounded mx-auto d-block" src="/mss_theme/img/cirrus_hl_2021.png" alt="Cirrus HL 2021">
+            <img class="rounded mx-auto d-block img-responsive" src="mss_theme/img/cirrus_hl_2021.png" width="592" alt="Cirrus HL 2021">
           </div>
         </div>
         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">