diff --git a/Erstes Jahr/images.html b/Erstes Jahr/images.html
old mode 100644
new mode 100755
index eafd010..67e4116
--- a/Erstes Jahr/images.html	
+++ b/Erstes Jahr/images.html	
@@ -3,17 +3,29 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Grafiken</title>
+    <title>HTML-Grundlagen: Grafiken</title>
 </head>
 <body>
-    <h1>Grafiken</h1>
+    <h1>HTML-Grundlagen: Grafiken</h1>
     <h2>Grafik ohne Zusammenhang zum Text</h2>
-    <img src="wvss-logo.jpeg" alt="Logo WVSS">
-    
+    <img src = "WvSS_Logo.png" alt = "Logo der WvSS">   
+
     <h2>Grafik mit Zusammenhang zum Text (Abbildung)</h2>
     <figure>
-        <img src="wvss-logo.jpeg" alt="Logo WVSS">
-        <figcaption>Abb. 1: Logo der WvSS</figcaption>
+        <img src = "WvSS_Logo.png" alt = "Logo der WvSS">
+        <figcaption>Abb 1: Logo der WvSS</figcaption>
     </figure>
+
+    <h2>Responsive Grafik mit picture-Element</h2>
+    <p>Verhindert, dass bei kleinem viewport eine Grafik mit sehr hoher Auflösung geladen wird</p>
+    <figure>
+        <picture>
+            <source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
+            <source media="(min-width: 465px)" srcset="img_white_flower.jpg">
+            <img src="img_orange_flowers.jpg" alt="Flowers">
+        </picture>
+    <figcaption>Abb 1: Logo der WvSS</figcaption>
+    </figure>
+
 </body>
 </html>
\ No newline at end of file
