CQWP + Item style to display user and group column in web part with picture

Hello All,

I have requirement where i need to display custom column "ContactName" in list of field type person and group to display in web part. I want to show this column with Name and Picture. i thought CQWP should work here but its not helping. it just give me name and not picture for users. I also want it to be clickable and should redirect it to user profile page.

Code what i have written:

<xsl:template name="PeerHelpContact" match="Row[@Style='PeerHelpContact']" mode="itemstyle">
        
        
        <xsl:variable name="ContactName" select="@ContactName.picture" />


            <div >
              <xsl:value-of select="@ContactName.picture"/>
            </div>
       
    </xsl:template>

Please help me here. your help will be highly appreciated.