diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 5a0e7e7..4d0e5a0 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -113,4 +113,41 @@ label {
     border: 1px solid #ccc;
     background-color: var(--secondary-light-one);
     height: 36px;
+}
+
+.card-photo {
+    flex: 5 16%;
+    margin: 10px;
+}
+
+.card-photo img {
+    max-width: 100%;
+    max-height: 200px;
+    border-radius: 10%;
+}
+
+.cage-selector {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+input[type="checkbox"] {
+    -webkit-appearance: none;
+    position: relative;
+    width: 100%;
+    cursor: pointer;
+}
+input[type="checkbox"]:after {
+    position: absolute;
+    font-weight: 400;
+    content: "0";
+    font-size: 18px;
+    color: #478bfb;
+    right: 10px;
+    top: -5px;
+}
+input[type="checkbox"]:checked:after {
+    font-weight: 900;
+    content: "X";
+    color: #478bfb;
 }
\ No newline at end of file
diff --git a/src/assets/img/savic-95-double.jpg b/src/assets/img/savic-95-double.jpg
new file mode 100644
index 0000000..865fb7d
Binary files /dev/null and b/src/assets/img/savic-95-double.jpg differ
diff --git a/src/assets/img/savic-xl.jpeg b/src/assets/img/savic-xl.jpeg
new file mode 100644
index 0000000..224fb0d
Binary files /dev/null and b/src/assets/img/savic-xl.jpeg differ
diff --git a/src/assets/img/tiaki.jpeg b/src/assets/img/tiaki.jpeg
new file mode 100644
index 0000000..ba2b7e8
Binary files /dev/null and b/src/assets/img/tiaki.jpeg differ
diff --git a/src/index.html b/src/index.html
index 08b5e05..7baedcb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns="http://www.w3.org/1999/html">
 <head>
     <meta charset="UTF-8">
     <title>Knastrechner</title>
@@ -11,6 +11,22 @@
 <h1>Käfigrechner</h1>
 <div class="content">
     <div class="container-form">
+        <div class="cage-selector">
+            <div class="card-photo">
+                <input type="checkbox" id="savic-xl"/>
+                <label for="savic-95">
+                    <img src="assets/img/savic-xl.jpeg">
+                </label>
+            </div>
+
+
+            <div class="card-photo">
+                <input type="checkbox" id="savic-95"/>
+                <label for="savic-95">
+                    <img src="assets/img/savic-95-double.jpg">
+                </label>
+            </div>
+        </div>
         <div class="input-element">
             <div class="slidecontainer">
                 <label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
