.dropzone {
  border: var(--border-size, 2px) dashed
    var(--border-color, var(--color-subtle)) !important;
  border-radius: var(--border-radius, 1em);
  text-align: start;

  .dz-image-preview {
    z-index: 1 !important;
  }
}

.dz-preview .dz-details {
  display: none;
}

/* Ensure background is same a theme */
.dropzone .dz-preview.dz-image-preview {
  background: var(--color-bg) !important;
}

/* Show the file details on hover */
.dz-preview:hover .dz-details {
  display: block;
}

/* @media (max-width: 600px) { */
/*   .dz-image { */
/*     max-width: 6em; */
/*     max-height: 6em; */
/*   } */
/* } */