jQuery(function($) {
    $('.frame-carousel-image').on('init afterChange', function (event, slick) {
        var $carousel = $(this); // slider yang sedang triggering event ini

        // Hapus class hanya di dalam carousel ini
        $carousel.find('.slick-slide').removeClass('first-active last-active');

        // Cari elemen yang aktif di dalam carousel ini
        var $activeSlides = $carousel.find('.slick-active');

        // Tambahkan class ke slide pertama dan ketiga (index 0 dan 2)
        $activeSlides.eq(0).addClass('first-active');
        $activeSlides.eq(2).addClass('last-active');
    });

});