<p>Details for the location</p>
<p>{{locationDetails.name}}</p>
<p>{{locationDetails.description}}</p>


<div class="content-section implementation">
    <div class="card">
        <h5>More photos</h5>
        <p-galleria [value]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{'max-width': '640px'}" [numVisible]="5"
            [circular]="true" [showItemNavigators]="true">
            <ng-template pTemplate="item" let-image>
                <img src="data:image/png;base64,{{image.content}}" style="width: 100%; height: 350px; display: block;" />
            </ng-template>
            <ng-template pTemplate="thumbnail" let-image>
                <div class="p-grid p-nogutter p-justify-center">
                    <img src="data:image/png;base64,{{image.content}}" style="width: 50px; height:50px; display: block;" />
                </div>
            </ng-template>
        </p-galleria>
    </div>