.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}
.overlay.active {
    display: block;
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
 
}
.popup .closeBtn {
  width: 44px;
  height: 44px;
  margin: 0 auto 8px;
  display: block;
}
.popup.active {
  display: block;
}
.popImage {
  width: 300px;
  height: auto;
  /* object-fit: contain; */
}

@media screen and (min-width: 768px) {
  .popImage {
    width: 600px;
  }
}