Tab and Image Combination Behave Breaks

## Authoring Experience Breaks when we use the image under the Tab or Caurosel Component

**Generate Steps**
- Take any AEM page, and add a tab component
- Inside the tab component add image component in 1st and 2nd item or so on.
- Go to the top of the page, on the top left side of the page components cannot be selected for a specific area.
- Go to the page inspect mode. Click on the "Select element for the page to inspect" button. And hover over that area.
- A blockage area will show up.
- Visualization link: https://www.loom.com/share/e9b610976ce1469f9c829f1e38b4de40

**More Insight**
When adding an image component under a tab or carousel component the second or third image has a projection of the top left corner and that's why a certain area cannot be selected. A certain area depends on the image's height and width. The more size of the image we add the more area will block by that projection.

**Environment**
- AEM version and patch level (e.g. AEM 6.5.5 - AEM 6.5.14)

**Expectation**
I got this bug very earlier. But thought it will be fixed in the next update. But our author becomes troubled every time and gives objection. Hope it will fix very soon.

Reproduce the issue with an AEM page containing a tab or carousel component with images in multiple items, then inspect the page and hover over the affected area. Trace the tab, carousel, image, and page-inspection components to find the source of the top-left projection; done means all components remain selectable without a blockage area.

Written by the indexing model from the issue text.