Download image with Drag and Drop

I have a web App. I ask to the customer to send an image to the web app.
How to create a large button and area to drag and drop the image for download with Bootstrap ?

Use the following css:

.dragndrop {
  height: 100%;
  width: 100%;
  min-height: 200px;
  border: 3px dashed var(--bs-gray-500);
  position: relative;

.dragndrop::after {
  position: absolute;
  content: "Or Drag and Drop";
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;

The attributes for your file input should be:

This is set up for multiple image, for a single image remove the multiple option