.enclose{border:.5ch solid black;position:relative;justify-content:center;align-items:center}.upper{position:absolute;top:0;background-color:coral;opacity:0;z-index:1;height:50%;width:100%}.lower{position:absolute;bottom:0;background-color:#7fffd4;opacity:0;z-index:1;height:50%;width:100%}.upper:hover,.lower:hover{opacity:.1}.upper:active,.lower:active{opacity:.3}