.booksd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;width:90%;margin:4rem 0 3rem 5%;display:flex}.titled{flex-basis:23.5%;position:relative}.titled img{width:100%;display:block}.captiond{color:#fff;cursor:pointer;opacity:0;background:rgba(0,15,152,.3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding-top:70%;transition:all .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.captiond img{width:25%;margin-bottom:10px}.titled:hover .captiond{opacity:1;padding-top:0}@media (max-width:1200px){.booksd{width:94%;margin-left:3%}.titled{flex-basis:25%}}@media (max-width:840px){.titled{flex-basis:29%}}@media (max-width:550px){.booksd{flex-direction:column;width:84%;margin-top:3rem;margin-left:8%}.titled{flex-basis:100%;margin:20px}}