From ad8fd87fe2b38c8a5cb03e04bf3cec9ea9d0184a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 12 Nov 2018 23:25:36 -0500
Subject: [PATCH] Make image background image to match design precisely

Also, try to strip comments so these 'data' fields still work in debug mode
---
 .../templates/paragraph/paragraph--title--columnar.html.twig | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/agaric/templates/paragraph/paragraph--title--columnar.html.twig b/agaric/templates/paragraph/paragraph--title--columnar.html.twig
index ac43f80..674de89 100644
--- a/agaric/templates/paragraph/paragraph--title--columnar.html.twig
+++ b/agaric/templates/paragraph/paragraph--title--columnar.html.twig
@@ -46,13 +46,12 @@
   ]
 %}
 {% if content.field_style_color %}
-  {% set classes = classes|merge(['is-'~content.field_style_color|render|trim]) %}
+  {% set classes = classes|merge(['is-'~content.field_style_color|render|striptags|trim]) %}
 {% endif %}
 {% block paragraph %}
   <a href="{{ path('entity.node.canonical', {'node': paragraph.getParentEntity().id()}) }}"{{ attributes.addClass(classes) }}>
     {% block content %}
-      <div class="card-image">
-        {{ content.field_image }}
+      <div class="card-image" style="background-image: url({{ content.field_image|render|striptags|trim }}">
       </div>
       <div class="card-content">
         {{ content.field_title }}