<!-- ============================================================
SCROLLYFULLIMAGE
One full-width image with an optional caption.

TO USE:
1. Paste ScrollyCore once near the top of the Squarespace page. 
2. Paste this into a Squarespace code block.
3. Replace the image URL.
4. Update the alt text.
5. Change or delete the caption.
6. Optional: add `screen` to the section class if you want it to take up a full screen.

EXAMPLES:
- Normal image section: class="section"
- Full-screen image moment: class="section screen"
============================================================ -->

<section class="section">
  <figure class="full-media fade-in">
    <img
      src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1800&q=80"
      alt="Describe this image for screen readers"
    />

    <figcaption class="caption">
      Optional caption goes here.
    </figcaption>
  </figure>
</section>