.wp-block-dragndrop-dndheroimage {
  position: relative;
}
.wp-block-dragndrop-dndheroimage img {
  transition-timing-function: linear;
}
.wp-block-dragndrop-dndheroimage.circle {
  padding: 20%;
}
.wp-block-dragndrop-dndheroimage.circle img {
  border-radius: 50%;
  border: 15px solid #00AEEF;
}

.circle_image_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s linear 0s;
}

.circle_large {
  width: 90%;
  transform: translate(-50%, -50%) scale(0.9);
}

.circle_medium {
  width: 80%;
  transform: translate(-50%, -50%) scale(0.9) rotate(50deg);
}

.circle_small {
  transform: translate(-50%, -50%) scale(0.95);
  width: 64%;
}

.active .circle_large {
  transform: translate(-50%, -50%) scale(1);
}
.active .circle_medium {
  transform: translate(-50%, -50%) scale(1) rotate(50deg);
}
.active .circle_small {
  transform: translate(-50%, -50%) scale(1);
}

.dragndrop-dndheroimage-text-container {
  position: absolute;
}
.dragndrop-dndheroimage-text-container .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}