.page-item.active .page-link {
  z-index: 3;
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.page-item.active .page-link {
    z-index: 3;
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.page-link {
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ffc107;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover {
  z-index: 2;
  color: #ffc107;
  background-color: #e9ecef;
  border-color: #ffc107;
}
.page-link:focus {
  z-index: 3;
  color: #ffc107;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.modal-dialog-image {
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}