.modal-dialog {
    margin: 0 auto;
  }
  
  .modal-body {
    display: flex;
    height: 100vh;
  }
  
  .modal-body img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .carousel-inner {
    justify-self: center;
    height: 100%;
  }

  .carousel-item {
    transition: none;
    height: 100%;
  }

  .modal-header {
    border: none;
  }

  .carousel-control-prev, .carousel-control-next{
    width: 6vh;
    height: 6vh;
    background-color:#f84646d5;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    position: fixed;
  }
  
  .carousel-control-prev:hover, .carousel-control-next:hover{
    opacity: 1;
  }

  .closed {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
  
  .closed button {
    background-color: #f84646;
    color: white;
    padding: 0.85rem;
    border-radius: 0;
    border: none;
  }

  .closed button:hover {
    background-color: #f84646;
    color: white;
  }