TMS-1205: Rework grid-components featured section to be responsive

[eebbi]

Project: Tampereen kaupunki, konsernihallinto / Tietohallintoyksikkö: Tredu.fi Continuous development
Ticket description: TMS-1205 Tredu.fi, gridin leviäminen suurennetussa mobiilissa
Task: https://hiondigital.atlassian.net/browse/TMS-1205

Description

Rework grid-components featured section to be responsive:

• Combine featured-item image and position absolute content container to prevent content overflowing the container
• Add min-height to featured-item container to keep the height in smaller screens

Screenshots (if appropriate):

This problem was most apparent in 200% zoomed in mobile viewports.
Before:

After:

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

[vloy]

✅