Added 2 landscape images to cover other mobile screen sizes and modified srcset in index.html to match.

Author: Tomasz-Kluczkowski

.gitignore

@@ -108,3 +108,4 @@ venv.bak/
 # mypy
 .mypy_cache/
 .idea/
+pandas/bower_components/

index.html

@@ -44,18 +44,22 @@
                             static/images/title_photo/title_glass_building_1080x1920.jpg 1080w,
                             static/images/title_photo/title_glass_building_1125x2436.jpg 1125w,
                             static/images/title_photo/title_glass_building_1242x2436.jpg 1242w,
+                            static/images/title_photo/title_glass_building_1334x750.jpg 1334w,
                             static/images/title_photo/title_glass_building_1442x2562.jpg 1442w,
                             static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,
+                            static/images/title_photo/title_glass_building_2562x1442.jpg 2562w,
                             static/images/title_photo/title_glass_building_3840x2160.jpg 3840w"
-                     sizes="(max-width: 480px) 100vw,
-                            (max-width: 750px) 100vw,
-                            (max-width: 960px) 100vw,
-                            (max-width: 1080px) 100vw,
-                            (max-width: 1125px) 100vw,
-                            (max-width: 1242px) 100vw,
-                            (max-width: 1442px) 100vw,
-                            (max-width: 2299px) 100vw,
-                            (min-width: 2300px) 100vw"
+                     sizes="(max-width: 480px) and (orientation: landscape) 100vw,
+                            (max-width: 750px) and (orientation: portrait) 100vw,
+                            (max-width: 960px) and (orientation: landscape) 100vw,
+                            (max-width: 1080px) and (orientation: portrait) 100vw,
+                            (max-width: 1125px) and (orientation: portrait) 100vw,
+                            (max-width: 1242px) and (orientation: portrait) 100vw,
+                            (max-width: 1334px) and (orientation: landscape) 100vw,
+                            (max-width: 1442px) and (orientation: portrait) 100vw,
+                            (max-width: 1920px) and (orientation: landscape) 100vw,
+                            (max-width: 2562px) and (orientation: landscape) 100vw,
+                            (min-width: 2563px) and (orientation: landscape) 100vw"
                      alt="Python Sprints Title Image">
         <div class="row">
             <div class="col-md-12">