diff --git b/ejercicio1.html a/ejercicio1.html
new file mode 100644
index 0000000..8515ef6
--- /dev/null
+++ a/ejercicio1.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <main>
+      <section class="imagenes">
+        <div class="foto1 fotoTamaño">
+          <img
+            src="http://placekitten.com/200/200"
+            alt="fotogatito"
+            class="fotoActual"
+          /><br />
+        </div>
+        <div class="foto2 fotoTamaño">
+          <img src="http://placekitten.com/200/200" alt="fotogatito" /><br />
+        </div>
+        <div class="foto3 fotoTamaño">
+          <img src="http://placekitten.com/200/200" alt="fotogatito" /><br />
+        </div>
+        <div class="foto4 fotoTamaño">
+          <img src="http://placekitten.com/200/200" alt="fotogatito" /><br />
+        </div>
+        <div class="foto5 fotoTamaño">
+          <img src="http://placekitten.com/200/200" alt="fotogatito" /><br />
+        </div>
+      </section>
+    </main>
+  </body>
+</html>
+<style>
+  main {
+    background-color: chartreuse;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: sans-serif;
+  }
+
+  .imagenes {
+    width: 70%;
+    height: 70%;
+    background-color: black;
+    position: relative;
+  }
+
+  .fotoTamaño {
+    width: 20%;
+    height: 20%;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .foto1:hover ~ div {
+    visibility: hidden;
+  }
+  .foto2:hover ~ div {
+    visibility: hidden;
+  }
+
+  .foto3:hover ~ div {
+    visibility: hidden;
+    border: 1rem;
+    color: aqua;
+  }
+
+  .foto4:hover ~ div {
+    visibility: hidden;
+  }
+  .foto2 {
+    position: absolute;
+    left: 100px;
+    top: 50px;
+  }
+
+  .foto3 {
+    position: absolute;
+    left: 190px;
+    top: 120px;
+  }
+
+  .foto4 {
+    position: absolute;
+    left: 280px;
+    top: 200px;
+    border: 40px;
+    color: brown;
+  }
+
+  .foto5 {
+    position: absolute;
+    left: 350px;
+    top: 300px;
+  }
+</style>
