title: Aligning circle image on left top corner of div
body: <p><a href="https://i.stack.imgur.com/BzItl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BzItl.png" alt="enter image description here" /></a></p>
  <p>As you can see in the image, outside div has an overflow  circle image  on left top corner. I am trying to achieve that but not sure how to achieve it.</p>
  <p>I am just playing with margin top and margin left position but that is not helping either.</p>
  <p>Code:</p>
  <pre><code>&lt;div class=&quot;decorative&quot;&gt; &lt;/div&gt;
  
  .decorative{
    position: static;
    width: 174.5px;
    height: 190.5px;
    left: 10px;
    top: 10px;
  
    background: #EEA731;
  
    /* Inside Auto Layout */
  
    flex: none;
    order: 0;
    margin-top: -130px;
    margin-left: -100px;
    align-self: center;
    margin: 10px 0px;
  }
  </code></pre>