.modal-content-flex-width {
  width: 60%;
  @media (max-width: 768px) {
    width: 100%;
  }
}

.modal-container.is-active {
  opacity: 0;
  transform: scale(0.8);
  animation: 
    fadeInOpacity 0.2s ease-out forwards,
    fadeInTransform 0.5s ease-out forwards;
}

@keyframes fadeInOpacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInTransform {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}