Add Slider background fit option to cover or contain image

[dbkchu]

Added media_size option analagous to image_size in homepage backgrounds and fix stale reference to overlay_img.

Purpose

Adds customizability to slider widget and fixes error.

Documentation

Enhances https://wowchemy.com/docs/widget/slider/
Add media_size option analagous to image_size in https://wowchemy.com/docs/getting-started/page-builder/#background
"# Options are cover (default), contain, or actual size."

[netlify]

✅ Deploy Preview for hugo-portfolio-theme canceled.

Name	Link
🔨 Latest commit	a39354a
🔍 Latest deploy log	https://app.netlify.com/sites/hugo-portfolio-theme/deploys/62aa1598a575cc0009fc985a

[netlify]

✅ Deploy Preview for markdown-slides ready!

Name	Link
🔨 Latest commit	a39354a
🔍 Latest deploy log	https://app.netlify.com/sites/markdown-slides/deploys/62aa1598e2628f0008cc779e
😎 Deploy Preview	https://deploy-preview-2715--markdown-slides.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[gcushen]

What's the use case for adding contain contain contain option?

I assume you're also using the background color options with this to fill the gaps between the image and the sides of the widget?

[dbkchu]

Hi, I am not sure what you mean by "contain contain contain" option. I wanted the full image inside the slider instead of a portion of the image covering the full slider.

I actually ended up using "auto 80%" as the media_size option, and yes I am using a background color to fill the gaps.

The website I am using this for is http://hjkgrp.mit.edu/ and the slider.md file can be found here

[gcushen]

Renamed proposed media_size option to fit.