.edit-figure-image-container {
  position: relative;

  display: block;
  overflow: hidden;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.edit-figure-image-link {
  transition: all .4s ease;
}

.edit-figure-image {
  width: 100px;
  height: 100px;

  border: 0;

  vertical-align: middle;

  transition: all .8s ease;
}

.edit-figure-image-controls {
  opacity: 0;

  transition: opacity .4s ease;
}

.edit-figure-image-controls--visible {
  opacity: 1;
}

.edit-figure-image-remove-button {
  position: absolute;
  top: 10px;
  right: 10px;

  color: #777777;
  font-size: 13px;

  transition: color .4s ease;
}

.edit-figure-image-crop-button {
  position: absolute;
  bottom: 10px;
  left: 10px;

  color: #777777;
  font-size: 13px;

  transition: color .4s ease;
}

.edit-figure-image-crop-button:hover,
.edit-figure-image-remove-button:hover {
  color: #2F2F2F;
}