diff --git a/index.html b/index.html
index fc5b7a4..379d78c 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@
       </div>
     </section>
 
-    <figure class="relative h-56 overflow-hidden bg-ink sm:h-72"><img class="h-full w-full object-cover" src="photos/images/Austin-skyline.jpg" alt="Austin skyline along Lady Bird Lake"><div class="absolute inset-0 bg-gradient-to-r from-navy/60 via-transparent to-ink/30"></div><figcaption class="sr-only">Austin skyline along Lady Bird Lake</figcaption></figure>
+    <figure class="relative h-56 overflow-hidden bg-ink sm:h-72"><img class="h-full w-full object-cover" src="photos/images/Austin-skyline-medium.jpg" srcset="photos/images/Austin-skyline-small.jpg 512w, photos/images/Austin-skyline-medium.jpg 1024w, photos/images/Austin-skyline-large.jpg 2048w, photos/images/Austin-skyline-extra-large.jpg 4096w" sizes="(width <= 512px) 512px, (512px < width <= 1024px) 1024px, (1024px < width <= 2048px) 2048px, (2048px < width) 4096px" alt="Austin skyline along Lady Bird Lake"><div class="absolute inset-0 bg-gradient-to-r from-navy/60 via-transparent to-ink/30"></div><figcaption class="sr-only">Austin skyline along Lady Bird Lake</figcaption></figure>
 
 
     <section class="border-b border-slate-200 bg-white"><div class="mx-auto grid max-w-7xl gap-6 px-6 py-8 sm:grid-cols-3 lg:px-8"><div><strong class="block text-3xl font-extrabold text-navy">1,689+</strong><span class="text-sm text-slate-500">Austin members</span></div><div><strong class="block text-3xl font-extrabold text-navy">12</strong><span class="text-sm text-slate-500">events each year</span></div><div><strong class="block text-3xl font-extrabold text-navy">4.8/5</strong><span class="text-sm text-slate-500">community rating</span></div></div></section>
diff --git a/photos/images/Austin-skyline-extra-large.jpg b/photos/images/Austin-skyline-extra-large.jpg
new file mode 100644
index 0000000..0b0a28e
Binary files /dev/null and b/photos/images/Austin-skyline-extra-large.jpg differ
diff --git a/photos/images/Austin-skyline-large.jpg b/photos/images/Austin-skyline-large.jpg
new file mode 100644
index 0000000..243df91
Binary files /dev/null and b/photos/images/Austin-skyline-large.jpg differ
diff --git a/photos/images/Austin-skyline-medium.jpg b/photos/images/Austin-skyline-medium.jpg
new file mode 100644
index 0000000..3608291
Binary files /dev/null and b/photos/images/Austin-skyline-medium.jpg differ
diff --git a/photos/images/Austin-skyline-small.jpg b/photos/images/Austin-skyline-small.jpg
new file mode 100644
index 0000000..ac7f3e9
Binary files /dev/null and b/photos/images/Austin-skyline-small.jpg differ
diff --git a/photos/images/Austin-skyline.jpg b/photos/images/Austin-skyline.jpg
deleted file mode 100644
index 51785bd..0000000
Binary files a/photos/images/Austin-skyline.jpg and /dev/null differ