title: CSS transform not working in Android
body: <p>What I am trying to do is fix a caption over an image, using the following approach.
  For some reason either transform or translate with percentage is not working on my Android devices.</p>
  
  <p>It works fine on my desktop browser though.
  How can I fix this?</p>
  
  <p><code>CSS</code></p>
  
  <pre><code>.city-caption h2 
  {
       font-weight: 800;
       color: white;
       text-transform: uppercase;
       margin: 0;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       webkit-transform: translate(-50%, -50%);
  }
  </code></pre>