Apply different clamping on different breakpoints

Design help Custom code
1

Hi community,

I would like to apply .clamp1 respectively .clamp2 on a text block depending on the breakpoint … but don’t know how.

.clamp1 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.clamp2 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

Could anyone help me, please? Thanks in advance!