.photo {
   z-index: 10;
   position: fixed;
   display: flex;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 0px;
   height: 0px;
   background-color: transparent;
   transition: transform .5s, width .5s, height .5s, top .5s, box-shadow .5s, background-color .5s;
   border-radius: 5px;
}

.photo.open {
   width: 800px;
   height: 400px;

   top: 200px;

   max-height: 90vh;

   background-color: #eee;
   border-radius: 10px;
   box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .4);
}