.dropzone {
  margin-top: 0.5rem;
  margin: 0.5rem 0 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem 1.5rem 1rem 1.5rem;
  border-width: 2px;
  border-color: #2735d4;
  border-style: dashed;
  border-radius: 2rem;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;

  .dz-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .upload-icon {
    font-size: 2.5rem;
    line-height: 1;
    color: #2735d4;
  }
}

.dropzone:hover {
  border-color: #2735d4;
}

@media (max-width: 768px) {
  .dropzone .dz-preview .dz-image {
    width: 100px;
    height: 100px;
  }
}