.popup-cover { position: fixed; top: 0; left: 0;width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .7); z-index: 1000;}
.popup-cover .popup-content { position: relative; background-color: #fff; padding: 20px; border-radius: 5px; max-width: 80%;  max-height: 80%;  overflow: auto;}
.popup-cover .popup-content .close-icon { position: absolute; top:6px; right:20px; cursor: pointer; font-size: 42px;  font-weight: 700; color: #333; z-index: 1;}
.popup-cover .popup-content .popup-image {  max-width: 100%;  height: auto; display: block}
@media (max-width:768) {
  .popup-cover .popup-content {  width: 300px;  height: 300px }
  .popup-cover .popup-content .popup-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
}