Bug : Image Preview Overflows Container in Venue Modal and Advertisement Post Card

[yugal07]

Describe the bug
The image preview in the Venue Modal and Advertisement Post overflows the container and doesn't scale properly, causing parts of the image to go out of the modal's frame.

To Reproduce
Steps to reproduce the behavior:

1. Login as an admin
2. Navigate to venue section or Advertisement section
3. Click on Create Venue/Edit venue or Create Advertisement
4. Upload a file in image section

Expected behavior
The image preview should scale to fit within the container without overflowing. It should adjust its size to fit within the frame, either by cropping or resizing while maintaining its aspect ratio.

Actual behavior
The image overflows or is not properly scaled within the container. Parts of the image may go outside the modal frame, leading to a broken layout.

Screenshots
Before

After

Additional details
I have Already Solved This issue on my Local Machine and am Ready to raise PR for the same

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[yugal07]

Hello @palisadoes I would like to take on this issue as I have already resolved it on my local machine and am now ready to raise a PR with the fix.

Thank you