.cropHolder {width: 90vw; height: 28vh; display: none;overflow: hidden;}
#cropWrapper { top:0; left:0; right: 0; bottom: 0; margin: auto; width: 90vw}
#bgCanvas {position: absolute; top:0; left:0; right: 0; bottom: 0; margin: auto;}
#getCropped {position: absolute; top:0; left:0; right: 0; bottom: 0; margin: auto;}

#blacksheet {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    right: 0;
    bottom: 0;
    /* margin: auto; */
    width: 90%; height: 100%
}

/* .cropHolder {width: 100vw; height: 100vh; display: none;}
#cropWrapper { top:0; left:0; right: 0; bottom: 0; margin: auto; width: 100vw; height: 100vh;}
#bgCanvas {position: absolute; top:0; left:0; right: 0; bottom: 0; margin: auto;}
#getCropped {position: absolute; top:0; left:0; right: 0; bottom: 0; margin: auto;}
#blacksheet {position: absolute; top:0; left:0; background-color: rgba(0,0,0,0.7); right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}

 */