.flip-box{position:relative;width:100%;overflow:hidden}.flip-box-front,.flip-box-back{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s ease}.flip-box-front{z-index:2;opacity:1}.flip-box-back{z-index:1;opacity:0;display:flex;align-items:center;justify-content:center;background:rgba(243,217,177,.56);color:#fff}.flip-box:hover .flip-box-front{opacity:0}.flip-box:hover .flip-box-back{opacity:1;z-index:3}