Button on flip card to autofill e-mail field of contact form (as well as scroll down the page)

Greets all:

What I want to do is a two-part process:

  1. The user clicks the back side of a flip card image (from a photo stored in a Collection); the associated e-mail address (also stored in a Collection field) auto-fills the e-mail field in the Contact form at the bottom;
  2. The page scrolls down to the contact form.

How do I pull that off? I’ll need the details, please. (I’ve scoured the Web but couldn’t find what I’m looking for.) I’ve included a link for a quick-‘n’-dirty page so you can see what I’m trying to do. Only the second flip card has an e-mail address assigned. (It’s a .png to avoid e-mail addy harvesting.)

Thanks in advance for your replies!

Here is my site Read-Only: https://preview.webflow.com/preview/card-flip-323ed9?utm_medium=preview_link&utm_source=designer&utm_content=card-flip-323ed9&preview=cb89553327b0ebac736046b4bcba742b&pageId=62043007a5ddbb5f40e60ec5&workflow=preview