.img-wrapper {
  display: inline-block;
  cursor: zoom-in;
}

.img-wrapper img {
  max-width: 100%;     /* displayed size */
  height: auto;
  transition: all 0.3s ease;
}

/* When clicked */
#img-toggle:checked + .img-wrapper img {
  max-width: none;      /* allows actual size */
  width: auto;
  cursor: zoom-out;
}

#img-toggle2:checked + .img-wrapper img {
  max-width: none;      /* allows actual size */
  width: auto;
  cursor: zoom-out;
}

#img-toggle3:checked + .img-wrapper img {
  max-width: none;      /* allows actual size */
  width: auto;
  cursor: zoom-out;
}
#img-toggle4:checked + .img-wrapper img {
  max-width: none;      /* allows actual size */
  width: auto;
  cursor: zoom-out;
}
#img-toggle_r2C1:checked + .img-wrapper img {
  max-width: none;      /* allows actual size */
  width: auto;
  cursor: zoom-out;
}
img {
    width: 100%;
    height:auto;
}