.portfolio-section .slider, .portfolio-section .slider .slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.portfolio-section .slide-img, .portfolio-section .slide-img.portrait, .portfolio-section .slide-img.landscape {
  object-fit: contain !important;
  object-position: center center !important;
  align-self: center !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
@media (max-width: 768px) {
  #modalPhoto {
    max-width: 90vw !important;
    height: 66vh !important;
  }
  #modalPhoto.portrait {
    height: 76vh !important; 
    max-width: 88vw !important;
  }
}
@media (max-width: 480px) {
  #modalPhoto {
    max-width: 94vw !important;
    height: 62vh !important;
  }
  #modalPhoto.portrait {
    height: 72vh !important; 
    max-width: 96vw !important;
  }
}