.blog-card{gap:12px;display:flex;position:relative}.blog-card .blog-card-img{background-color:#fafafa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;width:100%;min-height:240px;padding:24px;position:relative;overflow:hidden}.blog-card .blog-card-img:hover .blog-card-img-content{opacity:1;visibility:visible}.blog-card .blog-card-img:hover h3{color:#fff}.blog-card .blog-card-img .blog-card-img-content{opacity:0;visibility:hidden;z-index:1;width:100%;height:100%;transition:opacity,visibility;position:absolute;top:0;left:0}.blog-card .blog-card-img .blog-card-img-content img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.blog-card .blog-card-img .blog-card-img-content:before{content:"";z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;position:absolute;inset:-10px;-webkit-mask-image:linear-gradient(#000 0%,#0000 40%);mask-image:linear-gradient(#000 0%,#0000 40%)}@media (max-width:1200px){.blog-card .blog-card-img{padding:20px}}.blog-card .blog-card-img h3{color:#000;z-index:2;font-size:18px;font-weight:400;line-height:21.6px;position:relative}@media (hover:none){.blog-card .blog-card-img .blog-card-img-content{opacity:1;visibility:visible;transition:none}.blog-card .blog-card-img h3{color:#fff}.blog-card .blog-card-img{background-color:#0000}}