/* IMAGE POP UP BEGINS */
.ImageBox span
{
  visibility: hidden;
  position: fixed;
  top: 1%;
  right: 5%;
  bottom: 1%;
  left: 5%;
  z-index: 75;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
    display:block;
}


.ImageBox span:before
{
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 74;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.5s ease-out;
}


.ImageBox span img
{
  position: relative;
  z-index: 77;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  transition-property: all, opacity;
  transition-duration: 0.5s, 0.2s;
  transition-timing-function: ease-in-out, ease-out;
  background-color:white;
}


.ImageBox span:target
{
  visibility: visible;
}


.ImageBox span:target:before
{
  background-color: rgba(0, 0, 0, 0.7);
}


.ImageBox span:target img
{
  margin-left: 0px;
  opacity: 1;
}
#container2
{
        display: inline-block;
}
/* IMAGE POP UP ENDS */