@media screen and (max-width: 500px) {
  .modal-content {
      width: 100%;
  }
  .modal-body {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
}