source: trip-planner-front/src/app/location/location-details/location-details.component.html

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

<div class="content-section implementation">
    <div class="card">
        <p-galleria [value]="images" [responsiveOptions]="responsiveOptions" [containerStyle]="{'max-width': '640px'}"
            [numVisible]="5" [circular]="true" [showItemNavigators]="true" [showThumbnails]="false">
            <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=" display: block;" />
                </div>
            </ng-template>
        </p-galleria>
        <br>
        <p-rating></p-rating>
    </div>
</div>