Property Image Gallery - Copy this Html, Bootstrap Component to your project

Use <div class="property details item"> <h6 class="property details item__title">{{ $property >title }} {{ $property >type }}</h6> <div class="property details item__content"> <div class="row gy 4"> <div class="col sm 4 col 6"> <div class="property details__thumb"> <img src="{{ asset('storage/images/properties/' . $property >images[0] >image_name) }}" alt="Property Image" class="cover img"> </div> </div> @foreach ($property >images >slice(1) as $image) <div class="col sm 4 col 6"> <div class="property details__thumb"> <img src="{{ asset('storage/images/properties/' . $image >image_name) }}" alt="Property Image" class="cover img"> </div> </div> @endforeach </div> </div> </div> generate nice interactive ui for viewinf property images