Text overflows the panel when images shrink in Expanding Cards layout

[Vaisujaiswal]

Issue Title:

Text overflows the panel when images shrink in the Expanding Cards layout

Description:

When the panels shrink in the Expanding Cards layout, the text (h3) spills out of the image boundaries instead of remaining fixed within the panel.

Screenshots:

Expected Behavior:

The h3 text should remain fully contained within the panel boundaries, regardless of its size.

Actual Behavior:

The h3 text overflows outside of the panel, becoming misaligned with the shrinking panel layout.

Proposed Solution:

.panel {
  overflow: hidden; 
}

.panel h3 {
  white-space: nowrap; 
  text-overflow: ellipsis;
  overflow: hidden; 
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
}

[solygambas]

Thank you, @vaishnavi4277 🥇

The issue of text overflowing the panel in the Expanding Cards layout has been resolved. The application of the CSS property background-size: cover to the panel ensures the title displays correctly within the layout, maintaining its alignment and visibility even when the panel height changes.