{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>image</code> component displays images with appropriate handling for sizing,
        loading, and accessibility. Images are important for visual communication and
        content enhancement, but require careful handling to ensure they load
        efficiently and remain accessible to all users.
    </p>

    <p>
        Image components handle various aspects of image display including responsive
        sizing, lazy loading for performance, alt text for accessibility, and fallback
        handling when images fail to load. The component ensures images contribute
        positively to the user experience without causing performance or accessibility
        issues.
    </p>

{%- endblock %}