/* Per-device inline-background overrides for /gallery — generated, see tools/generate.mjs.
   Duda serves a different crop per device document; the shared body carries the
   desktop one, so tablet and phone are restored here. !important is required
   because the value being overridden is an inline style attribute. */
@media (min-width: 768px) and (max-width: 1024px){
a[data-image-url="/images/redroof_after.jpeg"]{background-image:url("/images/opt/redroof_after-400h.webp") !important}
a[data-image-url="/images/exterior_5.jpeg"]{background-image:url("/images/opt/exterior_5-400h.webp") !important}
a[data-image-url="/images/interior_6.jpeg"]{background-image:url("/images/opt/interior_6-400h.webp") !important}
a[data-image-url="/images/Deck%2BPainting.jpeg"]{background-image:url("/images/opt/Deck%2BPainting-400h.webp") !important}
}
@media (max-width: 767px){
a[data-image-url="/images/redroof_after.jpeg"]{background-image:url("/images/opt/redroof_after-800w.webp") !important}
a[data-image-url="/images/exterior_5.jpeg"]{background-image:url("/images/opt/exterior_5-800w.webp") !important}
a[data-image-url="/images/interior_6.jpeg"]{background-image:url("/images/opt/interior_6-800w.webp") !important}
a[data-image-url="/images/Deck%2BPainting.jpeg"]{background-image:url("/images/opt/Deck%2BPainting-800w.webp") !important}
}