title: Remove White space around image - CSS
body: <p>I'm trying to get image from odoo database to show the image into div background, but my image has white space around it, so i need to remove this white space to apply div background image,</p>
  
  <p>Mycode :</p>
  
  <pre><code>&lt;div  t-attf-style="text-align:center;background:url('/web/image/event.event.ticket/#{doc.event_ticket_id.id}/image_medium') no-repeat; 
                 font-size:#{doc.event_ticket_id.font_size}px;width:50%;height:900px;float:left;background-size:500px 900px;display:table;"&gt;
                    &lt;span style="vertical-align:middle;text-align:center;display:table-cell;" t-esc="doc.name"&gt;&lt;/span&gt;
  
                  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hQPzy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hQPzy.png" alt="enter image description here"></a></p>
  
  <p>How to remove white space around images using CSS ?</p>