/**
Loupe 2.0.1
https://github.com/redoPop/loupe
*/

.loupe {
  background: rgba(0, 0, 0, 0.25) no-repeat;
  border-radius: 0 100% 100% 100%;
  z-index: 5;
  pointer-events: none;

  opacity: 0;
  transition: opacity 0.3s;

  width: 500px;
  height: 500px;

  position: absolute;
  top: 0;
  left: 0;
}

.loupe--active {
  opacity: 1;
}

@media (max-width: 1024px) {
    .loupe {
      width: 250px;
      height: 250px;
    }
}

@media (max-width: 767px) {
  .loupe {
    width: 190px;
    height: 190px;
  }
}