.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  pointer-events: none;
  z-index: 30;
}

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

.black-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 40; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #333;
    padding: 50px 0;
    animation: modalFadeIn 1s ease;
    box-sizing: border-box;
}

@media screen and (max-width: 560px) {
  .black-modal {
      padding: 0;
  }
}