title: pass image url from variable into css
body: <p>I am calling a product image url from my database, and in the front end page, I have some css which styles the image on the page. however, I need to pass the url of the product image into the css which specifies the url of the image...</p>
  <p>my css:</p>
  <pre><code>  .product-image .bg{
    background-image: url('https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?ixid=MXwxMjA3fDB8MHxzZWFyY2h8Mnx8dHNoaXJ0fGVufDB8fDB8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=900&amp;q=60  ');
    background-size: cover;
    background-position: center top;
    width: 100%;
    min-height: 450px;
  }
  </code></pre>
  <p>product page which shows the background image</p>
  <pre><code>&lt;div class=&quot;product group&quot;&gt;
  &lt;div class=&quot;col-1-2 product-image&quot;&gt;
  </code></pre>
  <p>where product-image is put in the div, it renders the product image. how can I pass this url <code>&lt;%= data[I].IMAGE_URL %&gt;</code> into the css? so instead of having -&gt;</p>
  <p><code>background-image: url('https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?ixid=MXwxMjA3fDB8MHxzZWFyY2h8Mnx8dHNoaXJ0fGVufDB8fDB8&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=900&amp;q=60');</code> -&gt;</p>
  <p>I would have <code>background-image: url('&lt;%= data[I].IMAGE_URL');</code></p>
  <p>is this possible?</p>