.post-item{position:relative;height:500px;width:100%}.post-item a{display:flex;height:100%;width:100%}.post-item img{width:100%;aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover}.post-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;overflow:auto;background:linear-gradient(180deg,rgba(217,217,217,.1) 16.19%,rgba(0,0,0,.8));display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:24px;color:#fff;opacity:1;transition:all .6s}.post-item .overlay::-webkit-scrollbar{width:4px}.post-item .overlay h3{font-size:28px;font-weight:800}.post-item .overlay p{font-size:24px;font-weight:400;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:1024px){.post-item .overlay{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:16px;color:#fff;padding:24px}.post-item .overlay h3{font-size:28px;font-weight:800}.post-item .overlay p{font-size:24px;font-weight:400;text-align:left}}@media screen and (max-width:767px){.post-item .overlay{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:8px;color:#fff;padding:16px}.post-item .overlay h3{font-size:18px;font-weight:800}.post-item .overlay p{font-size:14px;font-weight:400}}.post-item:hover .overlay{opacity:1}@media screen and (max-width:1024px){.post-item a{flex-direction:column}.post-item{height:300px}}