{
  "id":"media-rss-with-left-hand-text",
  "value":"Image overlaid with the Feed Content on the Left",
  "template":"<div class=\"image\">\n  [Link|image]\n  <div class=\"cycle-overlay background\">\n    <div class=\"title\">[Title]</div>\n    <div class=\"description\">[Description]</div>\n  </div>\n</div>",
  "css":"html {\n /* Global font size, change for font scale */\n font-size: 16px;\n }\n\n #content, .item, .image, .image img {\n  width: 100%;\n  height: 100%;\n}\n\n.image img {\n  object-fit: cover;\n}\n\n.cycle-overlay {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: white;\n  background: black;\n  opacity: .6;\n  filter: alpha(opacity=60);\n  position: absolute;\n  bottom: 0;\n  top: 0px;\n  width: 20%;\n  height: 100%;\n  padding: 0.8rem;\n}\n\n.cycle-overlay > div {\n  font-family: Arial, Verdana, sans-serif;\n}\n\n.cycle-overlay .title {\n  font-size: 1.2rem;\n  color: white;\n  font-weight: bold;\n}\n\n.cycle-overlay .description {\n  font-size: 1rem;\n  margin-top: 1rem;\n}",
  "image":"modules/ticker/media-rss-with-left-hand-text.png",
  "defaultVisualEditor": false,
  "options": {
    "title-color": true,
    "description-color": true,
    "background-color": true,
    "name-color": false,
    "image-fit": true,
    "font-size": true
  }
}