## Image

### Basic Image with Caption

This is a sample image caption with a link example .
Photo Credit: Photographer Name

            <figure class="image">
                <picture class="image__picture">
                    <img
                        class="image__img"
                        src="https://picsum.photos/800/450"
                        alt="Sample image"
                    />
                </picture>
                <div class="image__metadata">
                    <figcaption class="image__caption">
                        This is a sample image caption with a
                        <a href="#">link example</a>
                        .
                    </figcaption>
                    <span class="image__credit">
                        Photo Credit: Photographer Name
                    </span>
                </div>
            </figure>

### Inline Small Image

A smaller inline image variant.

            <figure class="image image_inline-small">
                <picture class="image__picture">
                    <img
                        class="image__img"
                        src="https://picsum.photos/400/300"
                        alt="Small inline image"
                    />
                </picture>
                <div class="image__metadata">
                    <figcaption class="image__caption">
                        A smaller inline image variant.
                    </figcaption>
                </div>
            </figure>

### Image Container

            <div class="image__container">
                <figure class="image">
                    <img
                        class="image__img"
                        src="https://picsum.photos/400/400"
                        alt="Contained image"
                    />
                </figure>
            </div>

- Latest update: Stylescape v0.1 now live!
- New components released today.
- 💡 Tip: Use mixins for modular SCSS!