.modal .modal-content,  .modal .modal-body, .modal .modal-body img {
  border-radius: 20px !important;
}

.modal .modal-dialog, .modal .modal-content, .modal img {
  width: 100%;
}

.modal .btn:hover:focus {
  background-color: rgb(182, 28, 15) !important;
  border-color: rgb(182, 28, 15) !important;
  color: rgb(255, 255, 255) !important;
}
.modal .btn:active {
  background-color: rgb(137, 21, 11) !important;
  border-color: rgb(137, 21, 11) !important;
  color: rgb(255, 255, 255) !important;
  transition: background 0s ease 0s;
  transform: scale(0.96)
}

@media (max-width: 575.98px) {
  .modal .modal-dialog {
    width: 93%;
  }
  .modal .modal-content, .modal img {
    width: 100%;
  }
}