<figure class="ecl-blockquote"> <picture class="ecl-picture ecl-blockquote__picture"><img class="ecl-blockquote__image" src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Image alternative text"></picture> <div class="ecl-blockquote__body"> <blockquote class="ecl-blockquote__quote"> <p class="ecl-blockquote__citation" lang="en">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sodales, nisl tincidunt hendrerit elementum, purus risus tempus dui, sit amet cursus massa odio non lacus.</p> <footer class="ecl-blockquote__attribution"><cite class="ecl-blockquote__author">Someone</cite></footer> </blockquote> </div> </figure>
Try it yourself on the playground
Playground