Responsibly select compact or normal Google Recaptcha size

Question

According to the heading, which needs help to be able to respond, Google recaptcha changes the data size = "compact" to data-size = "normal" to 768px. Is this possible without javascript?

Captcha HTML:

<div class="captcha_container">
<div class="g-recaptcha" data-sitekey="6Le8iBkTAAAAzeCvzZRO3FePZO" data-size="compact">
</div>
</div>

CSS

.captcha_container{padding: 20px 0px 0px 0px; text-align: center;}

.g-recaptcha{ display: inline-block;}

Answer 1

You cannot change data-sizewithout using javascript, however, if you want, you can zoom to fit the new screen widths.

Example:

.g-recaptcha {
    -webkit-transform:scale(0.77);
    -ms-transform:scale(0.77);
    transform:scale(0.77);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
}

Someone asked about this before, there were interesting answers here: fooobar.com/questions/122473 / ...