ElizabethGuilt

I'm having just the same problem as the original poster, on this page: https://www.elizabethguilt.com/fiction The "free to read" badge image comes out sensible on desktop but full width on mobile. Following previous advice, I was hoping this CSS snippet would fix it: @media screen and (max-width:767px) { div#yui_3_17_2_1_1678919226636_70 { width: 30%; margin: 0 auto; } } ... but it seems to make no difference. Can anyone offer any advice on what I'm doing wrong? Many thanks! The image also currently shows as unreadably-tiny on tablet, which will be the next problem. Presumably I would need to set a min-width for the `div` element on a tablet-sized screen width?