title: How do i overlay image on card using css?
body: <p>I want to put small images on <code>bootstrap</code> card. Half image will be outside of the card and half image will be inside of the card.</p>
  <p>How can fix this?</p>
  <p><a href="https://i.stack.imgur.com/6Rb3M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6Rb3M.png" alt="enter image description here" /></a></p>
  <p>Here is my code:-</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-4&quot;&gt;
          &lt;div class=&quot;img&quot;&gt;
              &lt;img src=&quot;assets/images/images/brush.svg&quot;&gt;
          &lt;/div&gt;
          &lt;div class=&quot;card&quot; style=&quot;width: 18rem;&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                  &lt;h5&gt;Graphic Desiger&lt;/h5&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>