Goal: On the Refresh theme, achieve mobile-only styling in a “multiline” section where the image keeps rounded corners but the text area has square (non‑rounded) corners, without affecting other sections.
Context: Issue appears only on smartphones; desktop looks correct. Images/screenshots are central to understanding the visual differences.
Tried solutions and effects:
Latest status: No single CSS rule satisfies all requirements. Two partial options remain: one that fixes multiline but harms other sections, and one that preserves other sections but not multiline. The helper believed the issue resolved, but the requester confirmed the mobile problem persists.
Open need: A more precise mobile-only selector that targets only the multiline text container (not images), preserves shadows, and leaves multicolumn and collapsible content unaffected.
Following your response I was annoyed that the shadows were no longer present. So I searched a bit and found another part of the solution which perhaps will lead you to the solution.
If I put your line of code, I get the result only on the multiline section but I have a problem on the other sections as said before.
However if I replace your line of code or add the one below, I get all sections correctly except the multiline:
.contains-content-container {
border-radius: 0 !important;
}