Images

Show image container, collection.

Images demo

Image container

img1
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
img2
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
img3
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<div class="image-container">
  <img src="img/img1.jpg" alt="img1">
  <div class="overlay">Lorem Ipsum is ...</div>
</div>

<div class="image-container accent">
  <img src="img/img2.jpg" alt="img2">
  <div class="overlay">Lorem Ipsum is ...</div>
</div>

<div class="image-container light">
  <img src="img/img3.jpg" alt="img3">
  <div class="overlay">Lorem Ipsum is ...</div>
</div>

Image collection

img1
img2 Lorem Ipsum is simply
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
img3 
<div class="image-collection">
  <div class="selected">
    <img src="img/img1.jpg" alt="img1">
  </div>
  <div class="">
    <img src="img/img2.jpg" alt="img2">
    <span class="info-text">Lorem Ipsum is simply</span>
    <div class="overlay">Lorem Ipsum is ...</div>
  </div>
  <div class="">
    <img src="img/img3.jpg" alt="img3">
  </div>
  <div class=""></div>
</div>