title: How do I target the reCAPTCHA element within an iframe to show it, and nothing else (Gatsby/React)?
body: <p>LSS, I can't use jQuery or extra CSS files. Right now I'm loading in an iframe from shopify to handle a contact form submit. Everything is working great, except I have set the iframe to &quot;display: none&quot; so that I can add my own styled contact form. The only issue is the iframe contains the reCAPTCHA (&quot;you are not a robot&quot; thing) I need to complete the form submission.</p>
  <p>Is there an easy way to target the reCAPTCHA in the .js file so I can keep the reCAPTCHA, put it where I need it to go when it is called upon, but hide every other part of the iframe?</p>
  <p>Right now the HTML looks like this inside my JSX.</p>
  <pre><code>  &lt;iframe
      width='100%'
      height='100%'
      css={{ display: 'none' }}
      src='https://shop.examplestore.com/pages/contact-store'
    /&gt;
  </code></pre>