.container{display:flex;flex-wrap:wrap;width:100%}.box{margin:.5%;position:relative;width:24%}.box .text-title{background:#a0a0a0a3;bottom:0;box-shadow:0 0 #000;color:#fff;left:0;position:absolute;transition:all .5s;width:100%}.box .text-title div{opacity:.7}.box:hover .text-title div{opacity:1}.box .text-title div:nth-child(2){font-size:12px}.box:hover .text-title{background:#545454ed}.text-title div{padding:2px 8px}.box img{height:auto;width:100%}@media screen and (max-width:900px){.box{margin:5px 2px;width:48%}.box img{height:auto;width:100%}.box .text-title{left:unset}}