.custom-modal .modal-dialog {
  max-width: 60%;
}

.custom-modal .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* Ensure relative positioning for absolute button */
}

.custom-modal .custom-modal-image {
  width: 100%;
  height: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .custom-modal .modal-dialog {
    max-width: 95%;
    /* Adjust modal width for smaller screens */
  }

  .custom-modal .btn-close-custom {
    top: 5px;
    /* Adjust close button position */
    right: 5px;
    /* Adjust close button position */
    font-size: 1.2rem;
    /* Decrease font size for smaller screens */
  }
}