.drag-hero-wrapper{margin-left: -15px; margin-right: -15px;}
.drag-hero{padding: 0; margin: 0; list-style: none;}
.drag-hero-item{}
.drag-hero-grid-sizer{height: 0; min-height: 0;}
.drag-hero-gutter-sizer {width: 0; }

.drag-hero-item.is-dragging,
/* Packery adds class while transitioning to drop position */
.drag-hero-item.is-positioning-post-drag {
  /*background: #C90;*/
  z-index: 2; /* keep dragged item on top */
}

.packery-drop-placeholder {
  position: relative;
  /*outline: 3px dashed #444;
  right: auto;
  outline-offset: -6px;*/
  /* transition position changing */
  /*-webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;*/
}

.packery-drop-placeholder:before {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  border: 3px dashed #444;
}

@media (max-width: 767px) {
  .drag-hero-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .drag-hero-item {
    padding-left: 0;
    padding-right: 0;
  }

  .packery-drop-placeholder:before {
    left: 0px;
    right: 0px;
  }
}