diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.css b/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.css
new file mode 100644
index 0000000000000000000000000000000000000000..1ed376d306d98d90e1c3a78409b042bf4f21b8bf
--- /dev/null
+++ b/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.css
@@ -0,0 +1,9 @@
+.quiqqer-interview-interviewee-row {
+    display: flex;
+    flex-direction: row;
+}
+
+.quiqqer-interview-interviewee-image {
+    width: 100px;
+    height: 100px;
+}
\ No newline at end of file
diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html b/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html
new file mode 100644
index 0000000000000000000000000000000000000000..70c3a880b3f34de8edbdb0da7ce72fa1916da74b
--- /dev/null
+++ b/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html
@@ -0,0 +1,18 @@
+<div class="quiqqer-interview-interviewee">
+
+    <div class="quiqqer-interview-interviewee-row">
+        <div class="quiqqer-interview-interviewee-image">
+            {image src=$intervieweeAvatar width=300 height=300 loading="lazy"}
+        </div>
+
+        <div class="quiqqer-interview-interviewwe-content">
+            <div class="quiqqer-interview-interviewee-name"> {$intervieweeName} </div>
+            <div class="quiqqer-interview-interviewee-additionalInfo"> {$intervieweeAdditionalInfo} </div>
+        </div>
+    </div>
+
+    <div class="quiqqer-interview-interviewee-description">
+        {$intervieweeDescription}
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.css b/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.css
new file mode 100644
index 0000000000000000000000000000000000000000..545e2906348ec0b935e4fecd778c04dc2df199c2
--- /dev/null
+++ b/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.css
@@ -0,0 +1,13 @@
+.quiqqer-interview-interviewee {
+    text-align: center;
+}
+
+.quiqqer-interview-interviewee-image {
+    width: 120px;
+    height: 120px;
+    margin: auto;
+}
+
+.quiqqer-interview-interviewee-description {
+    text-align: left;
+}
\ No newline at end of file
diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.html b/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.html
new file mode 100644
index 0000000000000000000000000000000000000000..e87aa55e9e2028a71efd7913a4b113fee09987fd
--- /dev/null
+++ b/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.html
@@ -0,0 +1,14 @@
+<div class="quiqqer-interview-interviewee">
+
+    <div class="quiqqer-interview-interviewee-image">
+        {image src=$intervieweeAvatar width=300 height=300 loading="lazy"}
+    </div>
+
+    <div class="quiqqer-interview-interviewee-name"> {$intervieweeName} </div>
+    <div class="quiqqer-interview-interviewee-additionalInfo"> {$intervieweeAdditionalInfo} </div>
+
+    <div class="quiqqer-interview-interviewee-description">
+        {$intervieweeDescription}
+    </div>
+
+</div>
\ No newline at end of file