/* Styling untuk containerku bergerak */
  .containermoveup {
    opacity: 0; /* Awalnya tidak terlihat */
    transition: transform 1s ease-out, opacity 1s ease-out; /* Transisi untuk animasi */
}

/* Ketika container terlihat di layar */
.visible {
    opacity: 1; /* Menjadi terlihat */
}

/* Animasi untuk bergerak ke atas */
.move-up {
    transform: translateY(50px); /* Geser ke bawah */
}

.move-up.visible {
    transform: translateY(0); /* Kembali ke posisi normal */
}

/* Animasi untuk bergerak ke kiri */
.move-left {
    transform: translateX(50px); /* Geser ke kanan */
}

.move-left.visible {
    transform: translateX(0); /* Kembali ke posisi normal */
}

/* Animasi untuk bergerak ke kanan */
.move-right {
    transform: translateX(-50px); /* Geser ke kiri */
}

.move-right.visible {
    transform: translateX(0); /* Kembali ke posisi normal */
}

/* Styling untuk gambar dalam container */
.animate-img {
    width: 100%; /* Gambar memenuhi lebar container */
}