card

<div class="container-fluid p-5 pt-max bg-grad" height="50%">
    <div class="card bg-grad">
        <div class="card-body">
        <div class="card-header text-center">
                <h2 class="text-center text-white">Album {{$data['album']->name}}</h2>
            </div> <br>
        </div>
        <!-- <div class="row "> -->
            <div class="col-md-12">
                <div class="row album">
                    @foreach ($data['gallery'] as $gallery)
                    <div class="col-md-3 col-sm-6 col-xxs-12">
                        <div class="card foto">
                            <div class="card-img">
                                <a href="{{ asset('storage/gallery/'.$gallery->photo) }}" class="fh5co-services image-popup to-animate fadeInUp animated">
                                    @if (strlen($gallery->photo) != 0)
                                    <img width="50%" src="{{ asset('storage/gallery/'.$gallery->photo) }}" class="card-img-top" alt="Image" id="img-upload">
                                    @else
                                    <img width="50%" class="img-thumbnail d-block" src="{{asset('img/noimage.png')}}" id='img-upload' alt="">
                                    @endif
                                </a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        <!-- </div> -->
    </div>
</div>