Rearreged elements order

ViaLibre logo on hover effect

index.html

@@ -80,6 +80,10 @@
 
 		<footer>
 			<div id="image-flex-container">
+				<a target="_blank" href="https://www.vialibre.org.ar/">
+					<img id="viaLibre-logo" src="images/viaLibre.jpg" alt="Banner Fundación ViaLibre">
+				</a>
+
 				<div id="our-pages-flex-container">
 					<h4 id="our-pages-title">Puedes encontrar a EDIA en:</h4>
 					<a target="_blank" href="https://github.com/fvialibre/edia">
@@ -97,9 +101,6 @@
 						HuggingFace🤗
 					</a>
 				</div>
-				<a target="_blank" href="https://www.vialibre.org.ar/">
-					<img id="viaLibre-logo" src="images/viaLibre.jpg" alt="Banner Fundación ViaLibre">
-				</a>
 				
 			</div>
 			<p id="footer-description">ACLARACIONES IMPORTANTES: Las consultas realizadas al usar este software quedan registradas automáticamente en nuestro sistema. Declaramos que la información recabada es anónima, confidencial y que el uso de la misma sólo será para fines de investigación. Para realizar las exploraciones de las dimensiones de análisis, como género, necesitamos simplificarlo a un fenómeno binario; entendemos que es una sobresimplificación, se trata de una primera aproximación a la familia de soluciones de mitigación que sabemos requiere de una mayor complejidad para tratar los fenómenos de sesgo dentro de los constructos sociales.</p>

style.css

@@ -159,17 +159,13 @@ footer > p {
 footer > #image-flex-container {
 	display: flex;
 	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: space-between;
+	flex-wrap: wrap-reverse;
+	justify-content: center;
 	align-items: center;
-	gap: 30px 15px;
+	gap: 20px 5rem;
 	margin-bottom: 2rem;
 }
 
-footer img#viaLibre-logo {
-	max-width: 25rem;
-}
-
 #our-pages-flex-container {
 	min-width: 230px;
 	display: flex;
@@ -188,6 +184,16 @@ footer img#viaLibre-logo {
 	color: rgb(24, 24, 24);
 }
 
+footer img#viaLibre-logo {
+	max-width: 25rem;
+	transition: transform .5s, box-shadow 1s;
+}
+
+footer img#viaLibre-logo:hover {
+	transform: scale(1.02) perspective(0px);
+	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
+} 
+
 footer img#github-logo {
 	vertical-align:middle;
 	width: 2.5rem;