Apply CSS to Specific Roles on frontend of site


I want to use the following CSS

.upme-delete-userpic-wrapper {
display: none !important;

However – I only want that CSS if the current logged in user is either in an array of user groups or if its easier if they have a specific capability,

So basically if current user can delete_profile_image then display if not hide using CSS above or some other method.

Any thoughts on how to achieve this please?