.modal {
  position: relative;
  margin: auto;
  padding: 20px;
  background-color: #ffffff;
  width: 60%;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: scroll;
  gap: 20px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  --animate-duration: 0.5s;
}

.mfp-bg {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.mfp-container {
  overflow: hidden;
}
@media (max-width: 590px) {
  .modal {
    width: 90%;
  }
}