/* jQuery UI Draggable adds ui-draggable-dragging */
.grid-item.ui-draggable-dragging,
/* Packery adds class while transitioning to drop position */
.grid-item.is-positioning-post-drag {
  background: #C90;
  z-index: 2; /* keep dragged item on top */
}
.packery-drop-placeholder {
  outline: 3px dashed #444;
  outline-offset: -6px;
  /* transition position changing */
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
.grid-item {
  float: left;
  max-width: 390px;
  margin: 5px;
}
.grid-item img {
  max-width: 100%;
}
.grid-item:hover {
  cursor: move;
}
.clear {
  clear: both;
}
body {
  background-color: #dedede;
}
body.drag {
  background-color: #efedaf;
}
canvas {
  background-color: #fff;
}