message: re-ordered Image slides for new layout
diff: </ul>
  </div>
  <div class="col">
  - <h6 class="text-primary">Slide 2: Rounding and Sizing</h6>
  + <h6 class="text-primary">Slide 2: Image URLs</h6>
  + <ul class="mb-0">
  + <li>Source: GitHub CDN</li>
  + <li>Source: Wikimedia URL</li>
  + <li>Source: URL variables</li>
  + </ul>
  + </div>
  + <div class="col">
  + <h6 class="text-primary">Slide 2: Sizing/Rounding</h6>
  <ul class="mb-0">
  <li>Rounding: options</li>
  <li>Sizing: contain</li>
  </ul>
  </div>
  <div class="col">
  - <h6 class="text-primary">Slide 3: Rotation Angles</h6>
  + <h6 class="text-primary">Slide 3: Image Rotation</h6>
  <ul class="mb-0">
  <li>Rotate: 45</li>
  <li>Rotate: 180</li>
  <li>Rotate: 315</li>
  </ul>
  </div>
  - <div class="col">
  - <h6 class="text-primary">Slide 4: Source URLs</h6>
  - <ul class="mb-0">
  - <li>Source: GitHub CDN</li>
  - <li>Source: Wikimedia URL</li>
  - <li>Source: URL variables</li>
  - </ul>
  - </div>
  <div class="col">
  <h6 class="text-primary">Slide 5: Image Shadows</h6>
  <ul class="mb-0">
  