@keyframes borderFlash {
  0% {
    border: 4px solid rgb(132, 38, 223, 0.5);
  }
  30% {
    border: 4px solid rgb(132, 38, 223, 1);
  }
  60% {
    border: 4px solid rgb(132, 38, 223, 1);
  }
  100% {
    border: 4px solid rgb(132, 38, 223, 0.5);
  }
}

@keyframes backgroundFlash {
  0% {
    background: rgb(132, 38, 223, 0.5);
  }
  30% {
    background: rgb(132, 38, 223, 1);
  }
  60% {
    background: rgb(132, 38, 223, 1);
  }
  100% {
    background: rgb(132, 38, 223, 0.5);
  }
}

/* The element to apply the animation to */
.imageResizeBorder {
  animation-name: borderFlash;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.ui-icon{
  width: 14px;
  height: 14px;
  animation-name: backgroundFlash;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.ui-resizable-se {
  right: 4px;
  bottom: 4px;
}

/* .ui-resizable-ne {
  right: 4px;
  top: 4px;
} */

/* .se-resize-handle{
    width: 25px;
    height: 25px;
    background: "yellow"
} */