The featured image component provides a drop shadow behind your image. You may choose not to add a drop shadow, depending on how your image will be used within your layout.
- Handle: @featured-image
- Preview:
- Filesystem Path: src/components/03-page-elements-and-patterns/images-and-videos/featured-image/featured-image.hbs
- Referenced by (8): @call-to-action-with-featured-image, @call-to-action-with-featured-image--flip, @call-to-action-with-featured-image--shaded, @call-to-action-with-featured-image--expand, @call-to-action-with-featured-video, @call-to-action-with-featured-video--flip, @call-to-action-with-featured-video--shaded, @call-to-action-with-featured-video--expand
<div class="ContentBlock feature-image-container">
<img class="image" src="http://picsum.photos/1920/1080?random" alt="" loading="lazy">
</div>
<div class="ContentBlock feature-image-container">
<img class="image" src="{{path src}}" alt="{{alt}}" loading="lazy">
</div>
{
"src": "http://picsum.photos/1920/1080?random",
"alt": null
}