Power Platform Community Forum Thread Details

I have built a float by converting a Microsoft Forms to a PDF. Now I would like to have images in the PDF that can be uploaded in the Forms survey. Is this possible in principle? What does the HTML code look like? In the attachment I have my float and here my HTML code:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Versuchsaufbau</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
position: relative;
}
h2 {
color: #333;
}
label {
font-weight: bold;
color: #666;
}
input[type="text"],
textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
#absendedatum {
position: absolute;
bottom: 20px;
right: 20px;
color: #666;
font-size: 12px;
}
</style>
</head>
<body>
<h2>Änderungsantrag</h2>
<label for="antragssteller">Antragssteller:</label><br>
<input type="text" id="antragssteller" name="antragssteller" value="">
<br>
<label for="abteilung">Abteilung:</label><br>
<input type="text" id="abteilung" name="abteilung" value="">
<br>
<label for="datum">Datum:</label><br>
<input type="text" id="datum" name="datum" value="">

<div id="absendedatum"></div>
<script>
window.onload = function() {
document.getElementById('antragssteller').value = getAntragssteller();
document.getElementById('abteilung').value = getAbteilung();
document.getElementById('datum').value = getDatum();

function getAntragssteller() {
return "";
}
function getAbteilung() {
return "";
}
function getDatum() {
return "";
}

</script>
</body>
</html>