recaptcha - no captcha recaptch overlay not display entirely -

i put no-captcha recaptcha in popup (fancybox), fine.(recaptch1.png) when user click on checkbox captcha image overlay not show entirely. (recaptch2.png).

my question, can place automatically overlay manner user can see directive. (recaptch3.png) or can resize overlay fit iframe in popup can seen?

any suggestion?

recaptch1.png

recaptch2.png

recaptch3.png

i think found solution. after lot of search have found link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

it's resize container of recaptcha v2, not resize overlay because google inject overlay on page not in container. because have found google inject overlay on page, can customize overlay. use technique on previous link affect class "gc-bubbledefault".

i add in css , solve problem: .gc-bubbledefault{transform:scale(0.82);transform-origin:0;-webkit-transform:scale(0.82);transform:scale(0.82);-webkit-transform-origin:0 0;transform-origin:0 0; 0}

it's solution don't work on browser version (not old ie), it's work me.