Image block on mobile

Site URL: https://www.hairystories.com/

Can anyone tell me if there's a way to specify that an image becomes smaller when viewing on mobile?  Or specifying a different image to appear when on mobile?  My 'Listen on Apple' image looks good on desktop, but is too big on mobile (see attached).

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: unset !important;
    height: 60vh;
}
}