#album{overflow:hidden;position:relative;z-index:2;display:grid;gap: 50px;max-width: 100%;box-sizing: border-box;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));}
#album .photoItem{position:relative;}
#album .photoItem a{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#album .photoItem .photo img{aspect-ratio: 4.3/3;object-fit: cover;}
#album .photoItem .photo a{display:block;transition:all ease-in-out 0.3s;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%}
#album .photoItem .photo a img{width:100%}
#album .photoItem h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:15px 0}
#album .photoItem h3 a{color:#6e6e6e}
#album .photoItem h3 a i{margin-right:5px}
#album .photoItem .photo a:hover{background-color:rgba(0,0,0,0.39)}
#album-info{display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 30px;}
#album-info::after{content:'';flex-grow:999999999;-moz-flex-grow:999999999;-ms-flex-grow:999999999;-o-flex-grow:999999999;-webkit-flex-grow:999999999;min-width:200px;height:0}
.album_box img{aspect-ratio: 4.2/3;object-fit: cover;}
.album_box a{display:block;}
.divOver #album-info .album_box{opacity:0.5 !important;transition:all ease-in-out 0.1s;-moz-transition:all ease-in-out 0.1s;-ms-transition:all ease-in-out 0.1s;-o-transition:all ease-in-out 0.1s;-webkit-transition:all ease-in-out 0.1s}
.divOver #album-info .album_box:hover{opacity:1 !important}
article{font-size:16px;margin:0 0 30px}

@media screen and (max-width:768px){
    #album, #album-info{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
}
@media screen and (max-width:480px){
    #album{gap:20px;}
}