.dg-carousel-lightbox {   opacity:0;   transition:all .3s ease;   width:0;   height:0;   display:none; } .dg-carousel-lightbox.open {  opacity:1;  width:auto;  height:auto;  position:fixed;  background-color:rgba(51, 51, 51, 0.88);  top:0;  bottom:0;  left:0;  right:0;  z-index:999999;  padding-bottom:30px;  display:block; } .dg-carousel-lightbox.open .lightbox-header {   text-align:right; } .dg-carousel-lightbox.open .image-wrapper{  display:flex;  justify-content:center;  max-height:100%;  margin:0 auto;  height:100%;  white-space:nowrap;  align-items:center; } .dg-carousel-lightbox .image-wrapper img {  transform:scale(0); } @keyframes imageAnimation {  from {transform:scale(0);}  to {transform:scale(1);} } .dg-carousel-lightbox.open .image-wrapper span {  align-self:center; } .dg-carousel-lightbox.open .image-wrapper img {   max-height:85vh;   animation-name:imageAnimation;  transform:scale(1);  animation-duration:.3s;  animation-timing-function:ease-out;  vertical-align:middle; } .dg-carousel-lightbox.open .close-btn {  background-color:rgba(0, 0, 0, 0.57);  border:none;  box-shadow:none;  padding:10px 15px;  color:rgba(255, 255, 255, 1);  cursor:pointer;  font-size:16px; }