/* Ala https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp */

.img-magnifier-container{
  position: relative;
}
.img-magnifier-glass {
  position: absolute; /* Border provided by box shadow */
  border-radius: 50%;
  cursor: none;
  width: 225px; /* Size of magnifier */
  height: 225px;
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 15px 2px rgba(0, 0, 0, 0.25);
}
#erlenmeyer-flask{
  width: 60vh;
  height: 85vh;
}
@media(max-width: 991px){
  .img-magnifier-container{
    float: none !important;
    margin: 3rem auto 3rem auto !important;
    width: 40vh; /* Must match width of responsive #erlenmeyer-flask */
    display: flex;
    justify-content: center;
  }
  #erlenmeyer-flask{
    width: 40vh;
    height: 58vh;
  }
}