How can I reduce the size of an image on mobile/tablet only?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection

Hello, is it possible to reduce the size of my image (see attached) on mobile/tablet only, perhaps down to 80%, and keep cantered?

Page = https://bluebird-porcupine-yzdg.squarespace.com/collection

Pword = bluebird

Many thanks.

1 hour ago, scholarsayze said:

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection

Hello, is it possible to reduce the size of my image (see attached) on mobile/tablet only, perhaps down to 80%, and keep cantered?

Page = https://bluebird-porcupine-yzdg.squarespace.com/collection

Pword = bluebird

Many thanks.

Try this

@media only screen and (max-width: 768px) {
    .header-title-logo img {
        max-width: 80%;
    }
}

Thanks Bangank36!

I can see how this code will be useful so thank you!

But I actually wanted to resize the image 'SCHOLAR & SAZYE' logo that appears in the second banner section. This image looks rather over powering on mobile/tablet as it almost spans across the entire screen.

So to reiterate, I just want to resize the logo image on the second banner for mobile/tablet, not the actual brand logo that appears in my main header.

Many thanks.

7 minutes ago, scholarsayze said:

Thanks Bangank36!

I can see how this code will be useful so thank you!

But I actually wanted to resize the image 'SCHOLAR & SAZYE' logo that appears in the second banner section. This image looks rather over powering on mobile/tablet as it almost spans across the entire screen.

So to reiterate, I just want to resize the logo image on the second banner for mobile/tablet, not the actual brand logo that appears in my main header.

Many thanks.

Sorry, use this one

@media only screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1611587394882_12001  .sqs-block-image-figure {
    max-width:70% !important;
  }
}

That's PERFECT!!! Thanks so much! I have duplicated and reduced the image size of the green font design also so thanks again.

Please, no need to apologise as your initial code has also come in handy, I have implemented this also.

Many thanks Bangank36.

Do you know if there is a way to also format the paragraph text (see attached) so it looks a little more 'neater'?

Many thanks.

4 hours ago, scholarsayze said:

That's PERFECT!!! Thanks so much! I have duplicated and reduced the image size of the green font design also so thanks again.

Please, no need to apologise as your initial code has also come in handy, I have implemented this also.

Many thanks Bangank36.

Do you know if there is a way to also format the paragraph text (see attached) so it looks a little more 'neater'?

Many thanks.

You mean lighter?

Sorry I mean like, formatted nicely perhaps justified somehow?

7 hours ago, scholarsayze said:

Sorry I mean like, formatted nicely perhaps justified somehow?

Like so?

#block-26496aa931f544c2413d p {
  text-align: justify;
}

Excellent thank you Bangank36 I really appreciate that!