.mid{
    text-align: center;
}
.photo-album{
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}
.photo-fram{
width: 300px;
height: 200px;
border: 1px solid white;
border-radius: 10px;
position: relative;
margin: 5px;
/* padding: 5px; */
overflow: hidden;


} 

.photo-fram .photo img {
width: 300px;
height: 200px;
}
.photo-fram:hover .photo img {
transform:scale(1.2);
transition: transform 2s;
}

.photo-detail{
position: absolute;
display: none;
width: 300px;
height: 200px;
top: 0; 
  }
 .photo-fram:hover .photo-detail{ 
    display: block;
    background-color: rgba(221, 198, 130, 0.808);
}
.photo-fram:hover .photo-detail h3{
    color: white;
    background-color: black;
    text-align: center;
}
.photo-fram:hover .photo-detail p{
    color: white;
}