:root {
  --bg-color: #1b1b22;
  --green: #00e5c0;
  --body-font-family: "Poppins", sans-serif;
}
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  color: #fff;
   background: var(--bg-color);
}

.intro-container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Para ocultar la imagen que se sale de los límites */
  color: #fff;
}

.intro-container img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  width: 100px; /* Tamaño inicial de la imagen */
  height: auto; /* La altura se ajustará automáticamente */
  transition: width 4.9s; /* Transición de la propiedad width durante 4.9 segundos */
}