.posts{display:flex;flex-wrap:wrap;gap:20px;margin-top:60px}.post{width:calc(33.3% - 20px)}.post .inner{align-items:center;aspect-ratio:1/1;color:#000;cursor:pointer;display:flex;flex-flow:column;justify-content:center;min-height:100px;text-align:center;transition:all .3s}.post .inner,.post .inner .post-image{height:100%;position:relative;width:100%}.post .inner .post-image{border:1px solid #ddd;border-radius:16px;overflow:hidden}.post-image:before{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.post .inner .post-image img{left:0;position:absolute;top:0;transform:scale(1);transition:all .3s;width:100%}.post:hover .inner .post-image img{transform:scale(1.1)}.post .inner .post-name{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:9}@media (max-width:768px){#posts{flex-direction:column}.post{width:100%}}