.ql-image-resize-overlay {
  position: absolute;
  border: 1px dashed rgba(37, 99, 235, 0.6);
  pointer-events: none;
  box-sizing: border-box;
  z-index: 10;
}

.ql-image-resize-handle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #2563eb;
  background: #fff;
  position: absolute;
  pointer-events: all;
  box-sizing: border-box;
}

.ql-image-resize-handle[data-corner="nw"],
.ql-image-resize-handle[data-corner="ne"],
.ql-image-resize-handle[data-corner="sw"],
.ql-image-resize-handle[data-corner="se"] {
  transform: translate(-50%, -50%);
}