div {
    width: 300px;
    height: 400px;
    background-color: rgb(192, 234, 250);
    float: left;
    margin: 15px;
    padding:15px;
    text-align: center;
}


div img {
    width: 300;
    
}



#lightbox {

width: 100%;
height: 100%;
background-color:  rgba(0, 0, 0, 0.685);
position: fixed;
top: 0px;
left: 0px;
margin: 0px;
border-radius: 0%;
display: none;
text-align: center;
}
                                  



#lightbox img{
    max-width: 90%;
    max-height: 100%;
}