hi guys i have problem,

when my view it is zoom in my recaptcha cannot responsive... but when i am zoom out my recaptcha can be responsive

this is my recaptcha when i am zoom in

zoom in

and here when i zoom out

zoom out

and here my code

<div class="g-recaptcha form-group" data-sitekey="" style="transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0;-webkit-transform-origin: 0 0;"></div>
                              </div>

and here my script

 <script>
    var width = $('.g-recaptcha').parent().width();
    if (width < 302) {
      var scale = width / 302;
      $('.g-recaptcha').css('transform', 'scale(' + scale + ')');
      $('.g-recaptcha').css('-webkit-transform', 'scale(' + scale + ')');
      $('.g-recaptcha').css('transform-origin', '0 0');
      $('.g-recaptcha').css('-webkit-transform-origin', '0 0');
    }
  </script>