.photo-preview-container{

  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: linear;

  opacity: 100%;

  z-index: 11;

  position:fixed;
  width: 100%;
  height:100%;

  background-color: rgba(0,0,0,0.6);
}

.photo-preview-container.enabled{
  opacity: 100%;
}

.photo-preview-container.disabled{
  opacity: 0%;
}

.photo-preview-container.hidden{
  display: none;
}

.photo-preview{

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;

  max-width: 80vw;
  max-height:80vh;

  top:50%;
  left:50%;

  transform: translate(-50%, -50%);
}