feat: optimized image loading for faster rendering and CLS

[imshrishk]

Description

This PR makes small changes to optimize the image loading better.

[FirePheonix]

we are going to be adding many more images.
The cache the website is currently taking is a lot. Optimization improvements are going to take place till the end..

This is good, but i think it's too early for this PR. @sa-fw-an what do you say?

[imshrishk]

Personally, I think it makes sense to have initial stages of projects to have a little bit of optimization. People making future commits have a standard set for them and they push codes with small optimizations like this one without leaving it for someone else to do

[sa-fw-an]

@imshrishk I went through u your PR. In some places the Images were not responsive, also I noticed few images did not render until hovered upon, please fix them. This PR is good and seems to reduce memory the site was taking previously. Sounds resonable to optimize the pages as we progress. Good work :)

[FirePheonix]

Personally, I think it makes sense to have initial stages of projects to have a little bit of optimization. People making future commits have a standard set for them and they push codes with small optimizations like this one without leaving it for someone else to do

sound good to me. go ahead..

[imshrishk]

@sa-fw-an please check if the issue is fixed yet. It worked on my local but as a precaution I changed it.

[sa-fw-an]

Please fix merge conflicts and raise a new PR.

[imshrishk]

Will do tomorrow.