title: HTML/Bootstrap - Aligning Image on corner of screen
body: <p>For the fast few hours I have been trying to figure how to do this with Bootstrap and HTML. I want to align the image on the corner of the screen but it seems like it doesnt want to work my way. I don't have any CSS code so thats why I'm trying to figure out how to do it. I have tried the pull classes but they also seem to not help either.</p>
  
  <p>This is the HTML</p>
  
  <pre><code>&lt;div class="shared"&gt;
      &lt;div class="container"&gt;
          &lt;div class="col-md-6"&gt;
              &lt;p&gt;some stuff&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-6"&gt;
              &lt;img src="img/pexels-photo-325223.jpeg"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's an example of what I want, see the space on the right? I want to fill it by moving the image on the side.</p>
  
  <p><a href="https://i.stack.imgur.com/Y6Goe.png" rel="nofollow noreferrer">EXAMPLE</a></p>
  
  <p>I'd appreciate anyone who can help me out :)!</p>