[Solved] Dynamic component size on page

Question

Few observations:

Image sizes (5000px X 5000px) – images are too big to be shown over the web. Sizes should be optimized further with a scope getting load down by 70 to 80%.
Positions of HIP divs – why these divs are appearing at the top. Best practice would be to wrap all these HIP divs in another div and place it exactly above the FOOTER div.
Transition of image position is happening very smooth and let it be that way only. I recommend not to play around size of images for different screen sizes rather let the images fall one below other – this is the best possible look-n-feel you can expect for those many images. OR else you will need to display the images in SLIDER format for smaller screen sizes – again this would be little time consuming.

Accepted Answer

Few observations:

Image sizes (5000px X 5000px) – images are too big to be shown over the web. Sizes should be optimized further with a scope getting load down by 70 to 80%.
Positions of HIP divs – why these divs are appearing at the top. Best practice would be to wrap all these HIP divs in another div and place it exactly above the FOOTER div.
Transition of image position is happening very smooth and let it be that way only. I recommend not to play around size of images for different screen sizes rather let the images fall one below other – this is the best possible look-n-feel you can expect for those many images. OR else you will need to display the images in SLIDER format for smaller screen sizes – again this would be little time consuming.