.imagen:hover {filter: opacity(.5);}

#info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen {
  margin: 0 5px;
}

.imagen {
  width: 100%; /* Make images fill the available space */
  height: auto;
  margin: 0; /* Remove unnecessary margin */
}

#contenedor {
  height: 100vh; /* Full viewport height */
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex; /* Center the container horizontally */
  justify-content: center;
}

#inicio {
  /* Consider removing this rule if it's not necessary */
  height: 362px;
  width: 1024px;
}