roup.title"></h3>

                <div class="row row-cols-1 row-cols-sm-2 row-cols-md-4 g-3">
                    <template x-for="(device, deviceIndex) in group.devices" :key="device.title">
                        <div class="col">
                            <div class="card shadow-sm">
                                <div class="carousel-container" x-data="{
                                    currentImage: 0,
                                    init() {
                                        setInte