Añadir imágen

He añadido a la plantilla un espacio para poner una imágen mía

Styles/generic.css

@@ -22,5 +22,5 @@ body {
 	text-align: justify;
 	line-height: 150%;
 	padding-left: 3vw;
-	padding-right: 6vw;
+	padding-right: 35vw; /*Padding para la imagen*/
 }

Styles/images.css

@@ -0,0 +1,14 @@
+#imageTeo {
+    position: absolute;
+    left: 70vw;
+    top: 20vh;
+    width: 20vw;
+    height: 40vh;
+    /*"Insertar Imágen"*/
+    background-color:dimgrey;
+    justify-content: center;
+    display: flex;
+    justify-self: center;
+    align-items: center;
+    font-size: 5vw;
+}

index.html

@@ -9,6 +9,7 @@
 	<link rel="stylesheet" href="/Styles/sideBar.css">
 	<link rel="stylesheet" href="/Styles/languageSelector.css">
 	<link rel="stylesheet" href="/Styles/generic.css">
+	<link rel="stylesheet" href="/Styles/images.css">
 	<script src="/Scripts/index.js" defer></script>
 </head>
 <body>
@@ -20,16 +21,17 @@
 		<img src="/Images/English.png" class="flag hidden">
 	</a>
 	<div id="contentDivider"></div>
-	<!--Texto de prueba-->
+	<div id="imageTeo">Insertar imágen</div>
 	<div id="texto">
 		<p class="apartado" id="sobreMi"> &nbsp;Sobre mí:</p>
 		<p class="puntosSobreMi">
-			 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit. Quisque vestibulum, leo nec cursus aliquet, velit magna varius nisi, a tincidunt mi ligula id lorem. Morbi aliquet nulla sit amet urna gravida, et tincidunt ante viverra. Fusce sed orci a metus convallis ullamcorper.
+			 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit.
 		</p>
 		<p class="apartado" id="techStack"> &nbsp;Tecnologías:</p>
 		<p class="puntosTech">
-			 Sed hendrerit nisl ut felis fermentum, sit amet facilisis dui luctus.
+			 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit.
 		</p>
+	</div>
 	<div id="techDescription">
 		Prueba1: Este es un lenguaje
 	</div>
@@ -40,7 +42,6 @@
 		<img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon">
 		<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon">
 	</div>
-	</div>
 	<!--/Texto de prueba/-->
 	<!--Barra lateral-->
 	<div id="leftBar">

index_en.html

@@ -9,27 +9,29 @@
 	<link rel="stylesheet" href="/Styles/sideBar.css">
 	<link rel="stylesheet" href="/Styles/languageSelector.css">
 	<link rel="stylesheet" href="/Styles/generic.css">
+	<link rel="stylesheet" href="/Styles/images.css">
 	<script src="/Scripts/index.js" defer></script>
 </head>
 <body>
 	<div>
-		<h1 class="title">Hi, I'm Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1>
+		<h1 class="title">Hi, my name is Teo!&nbsp;<span id="hi">󱠢 &nbsp;</span></h1>
 	</div>
 	<a href="/index.html">
 		<img src="/Images/Spanish.png" class="flag hidden">
 		<img src="/Images/English.png" class="flag shown">
 	</a>
 	<div id="contentDivider"></div>
-	<!--Texto de prueba-->
+	<div id="imageTeo">Insertar imágen</div>
 	<div id="texto">
 		<p class="apartado" id="sobreMi"> &nbsp;About me:</p>
 		<p class="puntosSobreMi">
-			 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit. Quisque vestibulum, leo nec cursus aliquet, velit magna varius nisi, a tincidunt mi ligula id lorem. Morbi aliquet nulla sit amet urna gravida, et tincidunt ante viverra. Fusce sed orci a metus convallis ullamcorper.
+			 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet orci eu ante volutpat suscipit.
 		</p>
 		<p class="apartado" id="techStack"> &nbsp;Tech stack:</p>
 		<p class="puntosTech">
 			 Sed hendrerit nisl ut felis fermentum, sit amet facilisis dui luctus.
 		</p>
+	</div>
 	<div id="techDescription">
 		Prueba1: Este es un lenguaje
 	</div>
@@ -40,7 +42,6 @@
 		<img src="https://skillicons.dev/icons?i=linux&theme=light" class="techIcon" id="linuxTechIcon">
 		<img src="https://skillicons.dev/icons?i=raspberrypi&theme=light" class="techIcon" id="rpiTechIcon">
 	</div>
-	</div>
 	<!--/Texto de prueba/-->
 	<!--Barra lateral-->
 	<div id="leftBar">