/* Responsive background images for .fig1-img
   Generated from fig2.png
*/

.fig1-img {
  background-image: url('fig2-640.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Larger tablets and small laptops */
@media (min-width: 768px) {
  .fig1-img {
    background-image: url('fig2-1024.webp');
  }
}

/* Desktop */
@media (min-width: 1200px) {
  .fig1-img {
    background-image: url('fig2-1440.webp');
  }
}

/* Large and hi-res displays */
@media (min-width: 1600px) {
  .fig1-img {
    background-image: url('fig2-1920.webp');
  }
}

/* Optional PNG fallback for very old browsers:
.fig1-img {
  background-image: url('fig2-optim.png');
}
*/