diff --git a/data/css/Web_Basic-Ash.css b/data/css/Web_Basic-Ash.css
index 191e57995..a3e5ed4c9 100644
--- a/data/css/Web_Basic-Ash.css
+++ b/data/css/Web_Basic-Ash.css
@@ -473,11 +473,10 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display: block;
     border: solid 1px #999;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Basic-Blue.css b/data/css/Web_Basic-Blue.css
index 061d4e7d3..54d8977c2 100644
--- a/data/css/Web_Basic-Blue.css
+++ b/data/css/Web_Basic-Blue.css
@@ -838,11 +838,10 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
 }
 #GalleryDisplay img {
     margin: 0 auto;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Basic-Cypress.css b/data/css/Web_Basic-Cypress.css
index 4d2883036..d8b1ed1d0 100644
--- a/data/css/Web_Basic-Cypress.css
+++ b/data/css/Web_Basic-Cypress.css
@@ -524,11 +524,10 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display: block;
     border: solid 1px #7C8F7C;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Basic-Lilac.css b/data/css/Web_Basic-Lilac.css
index c8fd576c3..55d9c2929 100644
--- a/data/css/Web_Basic-Lilac.css
+++ b/data/css/Web_Basic-Lilac.css
@@ -512,15 +512,15 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display: block;
     border: solid 1px #669;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
 }
+
 #GalleryDetail h3 {
     text-align: center;
 }
diff --git a/data/css/Web_Basic-Peach.css b/data/css/Web_Basic-Peach.css
index 5c23a2004..08cf40b4e 100644
--- a/data/css/Web_Basic-Peach.css
+++ b/data/css/Web_Basic-Peach.css
@@ -512,11 +512,10 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display: block;
     border: solid 1px #EA8414;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Basic-Spruce.css b/data/css/Web_Basic-Spruce.css
index cefa255eb..3f1a85f9b 100644
--- a/data/css/Web_Basic-Spruce.css
+++ b/data/css/Web_Basic-Spruce.css
@@ -513,11 +513,10 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display: block;
     border: solid 1px #7CA3DD;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Mainz.css b/data/css/Web_Mainz.css
index 32064faa6..ca0b0b714 100644
--- a/data/css/Web_Mainz.css
+++ b/data/css/Web_Mainz.css
@@ -468,11 +468,10 @@ table.eventlist tbody tr td.ColumnSources {
     margin: 0px auto;
     display:block;
     border: solid 1px #7D5925;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/data/css/Web_Nebraska.css b/data/css/Web_Nebraska.css
index cd249539a..cd7abd786 100644
--- a/data/css/Web_Nebraska.css
+++ b/data/css/Web_Nebraska.css
@@ -747,11 +747,10 @@ table.eventlist tbody tr td.ColumnSources {
 }
 #GalleryDisplay img {
     margin:0 auto;
-    max-width: 800px;
     height: auto;
 }
 
-@media only screen and (max-width: 1080px) {
+@media only screen and (max-width: 1600px) {
     #GalleryDisplay img {
         max-width: 100%;
     }
diff --git a/gramps/plugins/webreport/media.py b/gramps/plugins/webreport/media.py
index 9cda866af..3672cfbe2 100644
--- a/gramps/plugins/webreport/media.py
+++ b/gramps/plugins/webreport/media.py
@@ -472,8 +472,11 @@ class MediaPages(BasePage):
                                 if orig_image_path != newpath:
                                     url = self.report.build_url_fname(
                                         newpath, None, self.uplink)
+                                s_width = 'width: %dpx;' % max_width
                                 mediadisplay += Html("a", href=url) + (
-                                    Html("img", src=url, alt=esc_page_title)
+                                    Html("img", src=url,
+                                         style=s_width,
+                                         alt=esc_page_title)
                                 )
                     else:
                         dirname = tempfile.mkdtemp()
@@ -507,9 +510,11 @@ class MediaPages(BasePage):
                                 url = self.report.build_url_fname(newpath,
                                                                   None,
                                                                   self.uplink)
+                                s_width = 'width: 48px;'
                                 hyper = Html("a", href=url,
                                              title=esc_page_title) + (
                                                  Html("img", src=img_url,
+                                                      style=s_width,
                                                       alt=esc_page_title)
                                                  )
                                 mediadisplay += hyper
@@ -521,7 +526,9 @@ class MediaPages(BasePage):
                         summaryarea += mediadisplay
                         url = self.report.build_url_image("document.png",
                                                           "images", self.uplink)
+                        s_width = 'width: 48px;'
                         mediadisplay += Html("img", src=url,
+                                             style=s_width,
                                              alt=esc_page_title,
                                              title=esc_page_title)