We have 3 Dropzone in one page. As far as I know this is the way to made it custom:

<script>
    var md5 = ""
    var landingDropzone
    Dropzone.options.clientImageDropzone = {
      paramName: "file",
      acceptedFiles: "image/*",
      parallelUploads: 1,

What if the 3 drop zones in the same page works differently? Dropzones have Cropperjs and croppers has different aspect ratios. How would you pass aspect ratios into without the least copy-paste, redundancy to cause?

<script>
    Dropzone.options.clientImageDropzone = {

      init: function() {
        
        this.on('thumbnail', function (file) {

            reader.onloadend = function () {

                $landscape_img.load(function(){
                  setTimeout(() => {
                    $landscape_img.cropper({
                      aspectRatio: #if(newFrontend) {1.0,} else {2.185 / 1,}