#filter-div{max-width:400px;position:absolute;z-index:3;background-color:#ffffff;top:0;transform:scaleY(0);transform-origin:top;transition:all 0.3s ease;}#filter-div.active{transform:scaleY(1);}.completed_overlay{position:absolute;height:100%;width:100%;background-color:#0000007d !important;background-image:url('/assets/images/completedmark.png');background-size:120px;background-repeat:no-repeat;background-position:center 30px;border-top-right-radius:20px;border-top-left-radius:20px;}