Added title images versions for portrait mode for high pixel ratio devices.

Author: Tomasz-Kluczkowski

index.html

@@ -39,11 +39,21 @@
     <div class="navigation__content container-fluid" data-image-type="responsive">
         <img class="responsive" src="static/images/title_photo/title_glass_building_960x540.jpg"
                      srcset="static/images/title_photo/title_glass_building_480x270.jpg 480w,
+                            static/images/title_photo/title_glass_building_750x1334.jpg 750w,
                             static/images/title_photo/title_glass_building_960x540.jpg 960w,
+                            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_1442x2562.jpg 1442w,
                             static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,
                             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: 1920px) 100vw,
                             (min-width: 2300px) 100vw"
                      alt="Python Sprints Title Image">