@if ($achievementGalleries->galleries->isNotEmpty()) 
    <div class="half-section row justify-content-center align-items-center"
        data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="col-xl-3 col-lg-4 md-mb-40px text-center text-lg-start">
            <h4 class="alt-font text-dark-gray mb-0 fw-500">Powerful <span
                    class="fw-700 font-style-italic text-decoration-line-bottom-medium">achievement</span></h4>
        </div>
    
        @foreach ($achievementGalleries->galleries as $item) 
            <div class="col-6 col-lg-2 col-md-3 col-sm-6 sm-mb-30px text-center">
                <img src="{{ $item->images[0] ?? '' }}" alt="{{ $item->title }}">
            </div>
        @endforeach
    </div>
@endif