[BUG] Image "BioDrop screenshot of statistics" is not responsive in home page.

[soham2k06]

Has this bug been raised before?

• [X] I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

production on biodrop.io

Version of BioDrop (for example "v1.2.3")

v2.97.9

Description

Image named "BioDrop screenshot of statistics" on home page is not responsive and shattered while in tablet screens. Problem is between 648px and 1024px.

Steps to Reproduce

1. Navigate to the home page of the website.
2. Scroll down until you see statistics image within some text.
3. Try dimensions between 648px and 1024px.
4. You will be able to see that image is shattered and not fully fit in the container.

Screenshots

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

I will explore the part of the component and implement the css that will make it responsive and fully fit into the container.

[github-actions[bot]]

To reduce notifications, issues are locked until they are https://github.com/EddieHubCommunity/BioDrop/labels/%F0%9F%8F%81%20status%3A%20ready%20for%20dev and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

Thank you for raising. Before we can proceed:

1. What about the other images on the page?
2. We use Tailwind - please explain how you would achieve this using Tailwind.

[MaorBemdoo]

@SaraJaoude can I work on this issue, I'm proficient in tailwind and can use it to fix the style