<a href="https://drive.google.com/uc?export=view&id=12-5Pbz-wbUOlMaFVo5lVXOSpRHBy8vvq" class="luminous">
  <img src="https://drive.google.com/uc?export=view&id=12-5Pbz-wbUOlMaFVo5lVXOSpRHBy8vvq" alt="">
</a>
.luminous {
  position: relative;
  display: block;
  width: 300px;
}

.luminous img {
  width: 100%;
}

.luminous {
  cursor: zoom-in;
}
new Luminous(document.querySelector('.luminous'));

External CSS

  1. https://cdn.jsdelivr.net/npm/luminous-lightbox@2.4.0/dist/luminous-basic.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/luminous-lightbox@2.4.0/dist/luminous.min.js