<div class="gallery-container">
    <cdk-virtual-scroll-viewport (scroll)="isScroll = true" itemSize="36" class="scroll-container">
        <mat-grid-list cols="7" rowHeight="145px">
                <mat-grid-tile (mouseover)="hover=true" (mouseout)="hover=false"
                *cdkVirtualFor="let card of cards">
                    <span><span *ngIf="hover">X</span>
                        <img [src]="'images/cards/' + card.card_path"
                        class="gallery-card">
                    </span>
            </mat-grid-tile>
        </mat-grid-list>
    </cdk-virtual-scroll-viewport>
    <p *ngIf="!isScroll" class="scroll-message">Scroll to see more</p>
</div>