.modal {
  height: inherit;
}

.modal-dialog {
  max-width: 100% !important;
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
}

.modal__content{
  div{
    width: 50%;
    padding: 1.5rem;
  }
}

.modal-content {
  width: 60rem;
  height: 35rem;
}

.has-bg-dark {
  color: var(--base-color-white);
}

.modal__galery {
  display: grid;
  gap: 0.5rem;
  grid-auto-rows: 14rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
}
.modal__featured {
  width: 100%;
  img {
    width: 100%;
    max-height: 14rem;
  }
}