.img-main-title{color:#2d2d2d;text-align:center;text-transform:capitalize;padding:.7em 0}.img-container{padding:1em 0;float:left;width:50%}@media screen and (max-width:640px){.img-container{display:block;width:100%}}@media screen and (min-width:900px){.img-container{width:33.33333%}}.img-container .title{color:#1a1a1a;text-align:center;margin-bottom:10px}.content{position:relative;width:90%;max-width:400px;margin:auto;overflow:hidden}.content .content-overlay{background:rgba(0,0,0,.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.content:hover .content-overlay{opacity:1}.content-image{width:100%;height:250px;object-fit:cover}.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.content:hover .content-details{top:50%;left:50%;opacity:1}.content-details a{color:#d0cccc;font-weight:500;letter-spacing:.15em;margin-bottom:.5em;text-transform:uppercase}.content-details a:hover{color:#fff}.title{font-size:25px;font-weight:500;margin-top:20px}.fadeIn-bottom{top:80%}.fadeIn-top{top:20%}.fadeIn-left{left:20%}.fadeIn-right{left:80%}