diff --git a/images/headers/index/index_1024.webp b/images/headers/index/index_1024.webp
new file mode 100644
index 0000000..142c91d
Binary files /dev/null and b/images/headers/index/index_1024.webp differ
diff --git a/images/headers/index/index_1920.webp b/images/headers/index/index_1920.webp
new file mode 100644
index 0000000..ea71842
Binary files /dev/null and b/images/headers/index/index_1920.webp differ
diff --git a/images/headers/index/index_2800.webp b/images/headers/index/index_2800.webp
new file mode 100644
index 0000000..264e36f
Binary files /dev/null and b/images/headers/index/index_2800.webp differ
diff --git a/images/headers/index/index_360.webp b/images/headers/index/index_360.webp
new file mode 100644
index 0000000..7aa01a9
Binary files /dev/null and b/images/headers/index/index_360.webp differ
diff --git a/images/headers/index/index_400.webp b/images/headers/index/index_400.webp
new file mode 100644
index 0000000..a571c76
Binary files /dev/null and b/images/headers/index/index_400.webp differ
diff --git a/images/headers/index/index_4096.webp b/images/headers/index/index_4096.webp
new file mode 100644
index 0000000..31c0f6a
Binary files /dev/null and b/images/headers/index/index_4096.webp differ
diff --git a/images/headers/index/index_480.webp b/images/headers/index/index_480.webp
new file mode 100644
index 0000000..a85acde
Binary files /dev/null and b/images/headers/index/index_480.webp differ
diff --git a/images/headers/index/index_810.webp b/images/headers/index/index_810.webp
new file mode 100644
index 0000000..1a64adb
Binary files /dev/null and b/images/headers/index/index_810.webp differ
diff --git a/images/headers/index/index_w750.jpg b/images/headers/index/index_full.jpg
similarity index 100%
rename from images/headers/index/index_w750.jpg
rename to images/headers/index/index_full.jpg
diff --git a/images/headers/index/index_orig.jpg b/images/headers/index/index_orig.jpg
deleted file mode 100644
index c178141..0000000
Binary files a/images/headers/index/index_orig.jpg and /dev/null differ
diff --git a/style/new_style.css b/style/new_style.css
index 242518e..dc8794c 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -7,9 +7,9 @@ body {
     background-color: lightslategrey;
 }
 /* PAGE HEADER */
-#header_image_home { /* Try z-index: -1; to have content scrolling over - margins will need adjusting */
+#header_image_home {
     background-color: rgb(29,49,49);
-    background-image: url("/images/headers/index/index_w750.jpg");
+    background-image: url("/images/headers/index/index_360.webp");
     background-repeat: no-repeat;
     background-position: top;
     background-size: cover;
@@ -21,6 +21,13 @@ body {
     position: sticky;
     top: -145px;
 }
+@media(min-width: 361px){#header_image_home{background-image:url("/images/headers/index/index_400.webp")}}
+@media(min-width: 401px){#header_image_home{background-image:url("/images/headers/index/index_480.webp")}}
+@media(min-width: 481px){#header_image_home{background-image:url("/images/headers/index/index_810.webp")}}
+@media(min-width: 811px){#header_image_home{background-image:url("/images/headers/index/index_1024.webp")}}
+@media(min-width: 1025px){#header_image_home{background-image:url("/images/headers/index/index_1920.webp")}}
+@media(min-width: 1921px){#header_image_home{background-image:url("/images/headers/index/index_2800.webp")}}
+@media(min-width: 2801px){#header_image_home{background-image:url("/images/headers/index/index_4096.webp")}}
 #page_title { /* This may be best floating above content div rather than inside header div */
     background-color: #2f4f4f8f;
     font-family: sans-serif;