Update project-0/proj0.html

Author: cjxthecoder

project-0/proj0.html

@@ -15,15 +15,15 @@ <h2 id="s1-title" class="title">1. Selfie: The Wrong Way vs. The Right Way</h2>
 <div class="two-up" role="group" aria-label="Image comparison">
 <figure>
 <div class="figure-wrap">
-<img class="media" src="images/6367A9C4-1A7F-4ECB-B132-EA9D9A954DA3.JPG" alt="Left image description" loading="lazy" />
+<img class="media" src="images/6367A9C4-1A7F-4ECB-B132-EA9D9A954DA3.JPG" alt="Left image description" loading="lazy" width="270" height="360"/>
 </div>
 <figcaption contenteditable="true" data-placeholder="Caption for left image (A)"></figcaption>
 </figure>
 
 
 <figure>
 <div class="figure-wrap">
-<img class="media" src="images/3BD82594-9699-45EC-957B-931D293111B5.JPG" alt="Right image description" loading="lazy" />
+<img class="media" src="images/3BD82594-9699-45EC-957B-931D293111B5.JPG" alt="Right image description" loading="lazy" width="270" height="360"/>
 </div>
 <figcaption contenteditable="true" data-placeholder="Caption for right image (B)"></figcaption>
 </figure>
@@ -45,15 +45,15 @@ <h2 id="s2-title" class="title">2. Architectural Perspective Compression</h2>
 <div class="two-up" role="group" aria-label="Image comparison">
 <figure>
 <div class="figure-wrap">
-<img class="media" src="images/0D2BC572-0289-4D45-AAB0-6067DC33B69D.JPG" alt="Left image description" loading="lazy" />
+<img class="media" src="images/0D2BC572-0289-4D45-AAB0-6067DC33B69D.JPG" alt="Left image description" loading="lazy" width="270" height="360"/>
 </div>
 <figcaption contenteditable="true" data-placeholder="Caption for left image (A)"></figcaption>
 </figure>
 
 
 <figure>
 <div class="figure-wrap">
-<img class="media" src="images/5C1F6645-7FF6-4B38-A1CE-0DE6AB11DCEE.JPG" alt="Right image description" loading="lazy" />
+<img class="media" src="images/5C1F6645-7FF6-4B38-A1CE-0DE6AB11DCEE.JPG" alt="Right image description" loading="lazy" width="270" height="360"/>
 </div>
 <figcaption contenteditable="true" data-placeholder="Caption for right image (B)"></figcaption>
 </figure>
@@ -73,7 +73,7 @@ <h2 id="s3-title" class="title">3. The Dolly Zoom</h2>
 
 
 <figure>
-<img class="media" src="images/IMG_9405.gif" alt="Describe the animation" loading="lazy" />
+<img class="media" src="images/IMG_9405.gif" alt="Describe the animation" loading="lazy" width="640" height="360"/>
 <figcaption contenteditable="true" data-placeholder="Optional caption for the GIF (below image)"></figcaption>
 </figure>
 </section>