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