#parentDiv{height:700px;position:relative}#topOverlay{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 20%,hsla(0,0%,100%,.6) 30%,#fff);height:0}#bottomOverlay,#topOverlay{color:#fff;opacity:0;position:sticky;text-align:center;transition:opacity .3s ease;width:100%;z-index:1}#bottomOverlay{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 20%,hsla(0,0%,100%,.6) 30%,#fff);height:100px}#topOverlay{top:0}#bottomOverlay{bottom:0}.content{padding:10px}