LWC
<template>
        <lightning-card title="My-Users" icon-name="custom:custom11">
           <lightning-layout multiple-rows="true">
              <lightning-layout-item class="slds-p-around_xx-small" size="12">
                 <lightning-layout>
                    <lightning-layout-item class="slds-p-around_xx-small" size='12'>
                       <div>
                          <lightning-layout class='casedt'>
                             <template for:each={data} for:item="item">
                                <lightning-layout-item size="3" class="slds-m-around_x-small slds-border_top slds-border_left slds-border_bottom slds-border_right" key={item.id} >
                                   <lightning-tile label='' type="media" variant="Narrow">
                                      <div class='imgBox'>
                                         <img class='slds-m-top_small' src={item.FullPhotoUrl} height='200px' width='200px'></img>
                                      </div>
                                      <br>
                                      <p class='slds-m-bottom_small' ><b>User Name: </b><a href={recordPageUrl} data-item={item.Id} >{item.Name}</a></p>
                                   </lightning-tile>
                                </lightning-layout-item>
                             </template>
                          </lightning-layout>
                       </div>
                    </lightning-layout-item>
                 </lightning-layout>
              </lightning-layout-item>
           </lightning-layout>
        </lightning-card>
</template>
----------------------------------------

JS
import { LightningElement,wire,track,api } from 'lwc';
import getRecords from '@salesforce/apex/Users.getRecords';
export default class TestingComponent extends LightningElement {
    @track data = [];
    error;
    recordId;
    recordPageUrl;
    wiredActivities;
    
      @wire(getRecords)
    wiredclass(value){
      this.wiredActivities = value;
      const { data, error } = value;
      if (data) { 
        let lstdata = JSON.parse(JSON.stringify(data));
          this.data = lstdata;
          this.error = undefined;  
      } else if (error) {  
          this.error = error; 
          this.data = undefined;  
      }  
    }
}
------------------------------------

CSS
.casedt{
    overflow-y: auto;
}
.imgBox{
    height: 200px;
    width: 200px; 
}
a{
    color: black;
}
.slds-m-around_x-small{
    border-radius: 4px;
}
.slds-box{
    margin-top: 100%;
}

--------------------------------
Apex
public class Users {
@AuraEnabled(cacheable = true)
    public static list<User> getRecords(){
        list<User> myrecords = [SELECT Id, Name, SmallPhotoUrl, FullPhotoUrl FROM User];
        system.debug('my====>'+myrecords);
     
        return myrecords;
    }
}