 <!-- Add an image crop modal (optional) -->
 <div class="modal" id="cropperModal" data-bs-backdrop="static" tabindex="-1">
     <div class="modal-dialog modal-xl ">
         <div class="modal-content p-3">
             <h5>Crop Image</h5>
             <img id="imageToCrop" style="max-width:70%;max-height:500px;">
             <button type="button" class="btn btn-primary mt-2" id="cropAndSave">Crop &
                 Save</button>
         </div>
     </div>
 </div>
