The issue with this solution is that the text is still there so the mouse cursor change when the text is hovered and it can be clicked.
Regarding the title attribute, the documentation says it’s for the tooltip (the text shown when the mouse is left over the element a few seconds) so it won’t help.
I managed to crop the element using height and overflow:
type: picture-elements
elements:
- type: state-badge
entity: binary_sensor.salon_salle_a_manger_presence
style:
top: 28%
left: 40%
height: 11%
overflow: hidden