.blog-card{position:relative;width:400px;height:250px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid hsl(0,0%,50%);border-radius:12px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:transform .3s ease;text-decoration:none;color:white}@media (max-width:500px){.blog-card{width:350px;height:200px}}@media (max-width:410px){.blog-card{width:300px;height:180px}}.blog-card .content-overlay{width:100%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);padding-top:40px}.blog-card:hover{transform:scale(1.05)}.blog-card h1{color:white;margin:0;padding:10px 12px 0;font-size:20px;z-index:2;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7))}@media (max-width:500px){.blog-card h1{font-size:16px}}.blog-card .date-time{display:flex;justify-content:space-between;padding:0 12px 12px;font-size:14px;font-weight:700;position:relative;color:grey;z-index:2;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.7))}.blog-card .date-time p:last-child{transform:translateY(300%);transition:all .5s ease}.blog-card:hover .date-time p:last-child{transform:translateY(0)}.blogs-align{display:flex;gap:50px;flex-wrap:wrap;width:100%;justify-content:center}.blogs-align a{width:-moz-fit-content;width:fit-content}