Image Outline Issue on Initial Load in block_columns Component

[Abdallah-Awwad]

Description:

I'm encountering an issue with the block_columns component in the AgencyOS template where an outline of a rectangle larger than the image appears when loading the image for the first time. This rectangle outline resizes correctly to match the image size after refreshing the page.

Steps to reproduce:

1. Open AgencyOS frontend and scroll until you see the block_columns component for the first time.

2. Observe the outline of a rectangle larger than the image.
3. Refresh the page.
4. Notice that the rectangle outline resizes to match the image size correctly.

Expected Behavior:

The rectangle outline should match the image size on the first load without needing to refresh the page.