How can I add truncate like ... if there is overflow in the <g></g> element

<g clip-path="url(#card_clip)" >
            ${card_body()}
            ${card_image()}
            ${edit_icon()}
            ${add_icon()}
          </g>

<g clip-path="url(#card_clip)" >
            ${card_body()}
            ${card_image()}
            ${edit_icon()}
            ${add_icon()}
          </g>