[#294] Slider issue

[febdao]

Closes #294

Checklist before requesting a review

• I have formatted the subject to include the issue number
  as [#123] Verb in past tense with a period at the end.
• I have provided information in the Changed section about WHY something was
  done if this was a bespoke implementation.
• I have performed a self-review of my code.
• I have commented on my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• I have run new and existing relevant tests locally with my changes,
  and they have passed.
• I have provided screenshots, where applicable.

Changed

1. Fixed Image stretches the Slider height because it is not vertically constrained.
2. The horizontal layout does not follow grid.

Screenshots

[github-actions]

🚀 Deployed on https://6747e24d7fd74504c31d3517--civictheme-uikit.netlify.app

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 8 lines in your changes missing coverage. Please review.

Project coverage is 13.75%. Comparing base (111194f) to head (0173163).

Files with missing lines	Patch %	Lines
components/03-organisms/slider/slider.js	0.00%	8 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #432   +/-   ##
=======================================
  Coverage   13.75%   13.75%           
=======================================
  Files          27       27           
  Lines        1301     1301           
  Branches      308      309    +1     
=======================================
  Hits          179      179           
  Misses        904      904           
  Partials      218      218           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.