title: How put a Image component from next/image in position: absolue
body: <p>Can I put an element Image from 'next/image' in <code>{ position: absolute; left: 50% }</code>?
  It seems that it is not affected.</p>
  <p>Example:</p>
  <pre><code>import React from 'react'
  import Image from 'next/image'
  import styled from 'styled-components'
  
  const Container = styled.div`
    position: relative;
  `
  
  const Test = styled(Image)`
   position: absolute;
   left: 50%;
  `
  
  const Page: React.FC = () =&gt; {
    return (
      &lt;Container&gt;
        &lt;Test src{someImg.webp} width={500} height={500} objectFit=&quot;none&quot; /&gt;
      &lt;/Container&gt;
    )
  }
  
  export default Page;
  </code></pre>