.box_container{margin:0 auto;-moz-columns:3;columns:3;-moz-column-gap:5px;column-gap:5px}.box{width:380px;padding:5px;background-color:#242038;border:1px solid #0331;-moz-column-break-inside:avoid;break-inside:avoid}.box img{width:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1);filter:brightness(60%);transition:.3s ease-in-out;z-index:2}.content{position:relative;width:100%;overflow:hidden}.content .content-overlay{position:absolute;height:99%;width:100%;inset:0;opacity:0;transition:all .4s ease-in-out 0s}.content:hover .content-overlay{opacity:1}.content-image{width:100%}.content-details{position:absolute;z-index:5;text-align:left;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s}.content:hover .content-details{top:30%;left:50%;opacity:1}.content-details h3{color:#ddd7d7}.content-details p{color:#fff;font-size:.8em}.fadeIn-bottom{top:80%}.fadeIn-top{top:20%}.fadeIn-left{left:20%}.fadeIn-right{left:80%}@media screen and (max-width:850px){.box_container{margin:0 auto;-moz-columns:2;columns:2;-moz-column-gap:2px;column-gap:2px}.content{width:100%}}