Bootstrap login screen fixed when resizing
<p>so here I am trying to create a login screen via bootstrap however I cant seem to figure out to have the look stay in the same positions (just getting smaller) whenever i resize it. Any advice? i tried placing them inside a container div, width:100% and center, nothing seems to be working.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>/* heres the css: */

.login-form {
  margin: 25px auto 25px auto;
  width: 25%;
  background-color: white;
  padding: 150px 50px 50px 50px;
  box-shadow: 1px 5px 2px #330000;
  z-index: -1;
}
    
.form-group {
  margin-bottom: 15px;
}
    
#logo {
  background-color: white;
  background-size: 170px auto;
  background-position: center center;
  background-repeat: no-repeat;
  max-width:100%;
  height: 192px;
  width: 192px;
  margin: 22px auto auto auto;
  padding: 0px;
  border: 5px solid white;
  box-shadow: 1px 3px 2px grey;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-md-12"&gt;
  &lt;div id="logo"&gt;
    &lt;img class="img-responsive" src="uv.gif"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="login-form"&gt;
  &lt;h1&gt;United Volunteers&lt;/h1&gt;
  &lt;div class="form-group" style="width:90%"&gt;         
    &lt;div class="form-group"&gt; 
    &lt;label&gt;Username&lt;/label&gt;
    &lt;input type="text" class="form-input" placeholder="Username"&gt;
  &lt;/div&gt;
                    
  &lt;div class="form-group"&gt;&lt;label&gt;Password&lt;/label&gt;
    &lt;input type="password" class="form-input" placeholder="Password"&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p><a href="https://i.stack.imgur.com/Hl39K.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hl39K.jpg" alt="This is maximized"></a>
<a href="https://i.stack.imgur.com/R2dQo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R2dQo.png" alt="This is windowed"></a></p>