title: HTML / CSS trying to move input text box to a set positon
body: <p>Hey if anyone is able to assist it would be much appreciated, I have no idea how to move the following textbox to where I want it to be.
  <a href="https://i.stack.imgur.com/hzXC9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hzXC9.png" alt="Text Input"></a></p>
  
  <p>This is my HTML Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;link rel="stylesheet" type="text/css" href="Stylesheet.css"&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;img src="../Resources/MainBrowser.png" alt="SearchEngineGIF" class="custom2"&gt;
  &lt;img src="../Resources/SearchEngineGIF.gif" alt="SearchEngineGIF" class="custom1"&gt;
  
  &lt;input type="text" placeholder="Insert Keyword Here"&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the CSS behind it:</p>
  
  <pre><code>.custom1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-210px);
    width: 23%;
  }
  
  .custom2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(+25px);
    width: 25%;
  }
  
  input[type=text]{
      width:20%;
      border:2px solid #000000 ;
      border-radius:4px;
      margin:8px 0;
      outline:none;
      padding:8px;
      box-sizing:border-box;
      transition:.3s;
      font-size: 20px;
      text-align: center;
    }
  
  input[type=text]:focus{
      border-color:dodgerBlue;
      box-shadow:0 0 8px 0 dodgerBlue;
  
    }
  
  input[type=text]::placeholder{
      font-family: Calibri;
      font-size: 20px;
      font-style: italic;
      text-align: center;
    }
  </code></pre>
  
  <p>It would also be useful if anyone knew how to make it not move when zooming in and out, Setting the position to fixed doesnt help as I am moving a gif inside of the Image by transforming it up/ down y pixels</p>
  
  <p>EDIT - MainBrowser.png is the whole image above "Insert Keyword Here" textbox, minus "Geoorgle" which is SearchEngineGIF.gif</p>