/* Hero Section - Image Bottom Alignment */
.hero .container {
    align-items: flex-end !important;
}

.hero-image {
    align-self: flex-end !important;
    margin-bottom: -80px !important;
    /* Gambar keluar lebih jauh ke bawah */
}

.hero-image img {
    display: block !important;
}

/* Fix overflow for hero section */
.hero {
    overflow: visible !important;
    padding-bottom: 80px !important;
    /* Kompensasi untuk gambar yang keluar */
}