/* Untuk HP & Tablet */
                        @media (max-width: 768px) {
                            .container {
                                align-items: center; /* Agar konten di tengah */
                                text-align: center;
                                padding: 0 20px;
                            }
                    
                            .title {
                                text-align: center; /* Judul ke tengah */
                                margin-left: 0;
                            }
                    
                            .content {
                                flex-direction: column; /* Susun ke bawah */
                                align-items: center;
                                gap: 20px;
                            }
                    
                            .image-wrapper {
                                flex-direction: column; /* Gambar Ariel & KSP sejajar */
                                align-items: center;
                            }
                    
                            .image-box {
                                width: 90%; /* Agar gambar lebih responsif */
                                max-width: 400px;
                            }
                    
                            .event-text {
                                text-align: center;
                                max-width: 90%;
                            }
                        }
                    
                        /* Untuk Desktop */
                        @media (min-width: 769px) {
                            .content {
                                display: flex;
                                flex-direction: row;
                                align-items: flex-start;
                                gap: 40px;
                            }
                        }
                    
                        /* Global Styling */
                        .container {
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                            max-width: 1200px;
                            font-family: Arial, sans-serif;
                            color: white;
                            animation: fadeIn 1s ease-in-out forwards;
                            margin: 100px auto;
                        }
                    
                        .title {
                            font-size: 28px;
                            font-weight: bold;
                            margin-bottom: 20px;
                        }
                    
                        .content {
                            display: flex;
                            gap: 40px;
                        }
                    
                        .image-wrapper {
                            display: flex;
                            gap: 20px;
                        }
                    
                        .image-box {
                            position: relative;

                            background: rgb(255, 102, 0);
                            clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border: 3px solid rgb(255, 102, 0);
                        }
                    
                        .image-box img {
                            width: 380px;
                            height: 340px;
                            clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 30%);
                        }
                    
                        .gradient {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 100%;
                            height: 30%;
                            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
                        }
                    
                        .image-text {
                            position: absolute;
                            bottom: 10px;
                            left: 20px;
                            color: white;
                            font-size: 18px;
                            font-weight: bold;
                            z-index: 1;
                        }
                    
                        .event-text {
                            font-size: 25px;
                            color: black;
                            max-width: 300px;
                        }