.blog-item__image{position:relative}.blog-item__image .blog-item__bg,.blog-item__image .blog-item__hint{opacity:0;position:absolute;transition:opacity .4s ease}a.blog-item:hover .blog-item__image .blog-item__bg,a.blog-item:hover .blog-item__image .blog-item__hint{opacity:1}.blog-item__bg{background:linear-gradient(0deg,transparent,rgba(0,0,0,.6));height:100%;left:0;position:absolute;top:0;width:100%}.blog-item__hint{color:#fff;font-size:.75rem;line-height:1rem;position:absolute;right:10px;top:10px}.test{opacity:0}