.drag {
  position: absolute;
  z-index: 1;
  cursor: grab;
  filter: drop-shadow(0 3px 5px rgba(18, 10, 22, 0.6)) brightness(1);
  transition: transform 0.1s ease-out, filter 0.1s ease-out, opacity 0.2s ease-out;
}
.drag:hover,
.drag.is--hovered {
  filter: drop-shadow(0 4px 8px rgba(18, 10, 22, 0.7)) brightness(1.1);
  transform: translateY(-10px);
}

.drag img {
  pointer-events: none;
}

.grabbed {
  transform: translateY(-15px) scale(1.05) !important;
  cursor: grabbing !important;
  position: fixed !important;
  z-index: 50 !important;
}

.drag-target {
  transition: all 0.15s !important;
}
.drag-target--active {
  filter: brightness(1.1) !important;
  transform: scale(1.1) !important;
}