/* Animación de entrada */
.gobierno-img {
    opacity: 0; /* Inicialmente invisibles */
    transform: translateY(20px); /* Desplazamiento inicial */
    animation: fadeIn 1s ease forwards; /* Aplicar animación */
    transition: transform 1s ease; /* Transición para el efecto hover */
  }

  /* Efecto de entrada */
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Efecto de hover */
  #gobierno img:hover {
    transform: scale(
      1.1
    ) !important; /* Agrandar la imagen al hacer hover */
  }