.container{width:100%;position:relative}.image{opacity:1;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;transition:all .5s;display:block}.container:before{content:"";opacity:0;background-color:#f8981d;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.middle{opacity:1;color:#f8981d;text-decoration:none;transition:all .5s;position:absolute;top:20%;left:5%}.container:hover .image{opacity:.3}.container:hover:before{opacity:1}.container:hover .middle{opacity:1;color:#000}