How do I make a jQuery script that changes Image preview based on checkboxes and radio outputs at the same time?

I am very new to coding and I would need a help to write a script that would change the image based on what the user chooses, and at the end provide a download based on the combination from the checkboxes..

I have no idea how to write such script as a newbie.. could anyone help?

Here is an preview of the site: https://imgur.com/a/yWKM6rq

<div class="row">
<div class="craft-style" align=left>
<h2></h2>
</div>
<div class="craft-style" align=left>
<h2>CHOOSE BACKGROUND</h2>
<input type="radio" name="background" value="CLEAN"> KEEP CLEAN BACKGROUND<br>
<input type="radio" name="background" value="PANORAMA"> KEEP PANORAMA OVERLAY ON BACKGROUND<br>
<h2>ADD LAYERS</h2>
<input type="radio" name="pick" value="allcallouts"> ENABLE SPECTATOR CALLOUTS<br>
<input type="radio" name="pick" value="speccallouts"> ENABLE BIG MAP CALLOUTS<br>
<input type="radio" name="pick" value="nocallouts"> DISABLE CALLOUTS<br>
<input type="checkbox" name="choose" value="patterns"> PATTERNS<br>
<input type="checkbox" name="choose" value="buyzones"> BUYZONES<br>
</div>
<div class="craft-style" align=left>
<h2>PREVIEW</h2>
</div>
    </div>

In the end i would like it to be working "crafting" section that allows user to make their custom file(s)