.container {
  margin: 30px 0 0 30px;
  background-image: url('mother-elephant-baby-elephant-calf.jpg');
  width:800px;
  height:650px;
  background-repeat:no-repeat;
  background-position:center;
  position:relative;
}

#croparea {
  position:absolute;
  border: 2px solid blue;
  cursor: move;
  box-sizing: border-box;
}

.resize {
  position:absolute;
  width:40px;
  height:40px;
  border-radius: 50%;
  border: 1px solid gray;
  background-color: rgba(255,255,255,.4);
  cursor: nesw-resize;
}

#docrop {
  margin: 40px 0 0 30px;
  cursor:pointer;
}