@props([
    'data' => null,
])

<section >
    <div class="auto-container rm-auto-container">
        <div class="row clearfix">
            <!-- Images Column -->
            <div class="images-column col-lg-4 col-md-12 col-sm-12">
                <div class="inner-column">
                    <div class="auto-container row text-center">
                        @foreach ($data['gallery_images'] ?? [] as $item)
                            <div class="image-list mb-2 col-4 col-lg-12">
                                <img src="{{ Storage::url($item['image']) }}" alt="">
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

            <!-- Content Column -->
            <div class="content-column col-lg-7 col-md-12 col-sm-12">
                <div class="inner-column">
                    <div class="blocks-outer">
                        <div class="process-block">
                            <div class="text-justify iptap-content">
                                {!! tiptap_converter()->asHTML(translate_data($data['rich_content'])) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>