Resizing Banner Image on Mobile and Moving Image Position

Site URL: https://www.intentionmedia.net/about

Hi @tuanphan,

I've reviewed (and used) a lot of your wonderful CSS solutions but none seem to work for my current situation. On this page:

https://www.intentionmedia.net/about

The image at the top should be smaller so that more of it can be seen and also moved up in position a bit. Could you let me know how to code this? Right now I have this as a jumping off point, but I haven't found a way to manipulate the image itself:

@media screen and (max-width:767px) {
body#collection-61833c2e06d0856e15c10cdd {
section.Intro.Intro--has-image figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
section.Intro.Intro--has-image {
    min-height: unset !important;
    height: 175px !important;
}
}
}

Thank you in advance!

I did come up with this that seems to do the trick. Could you let me know if there's a better way?

@media screen and (max-width:767px) {
body#collection-61833c2e06d0856e15c10cdd {
section.Intro.Intro--has-image {
    height: 200px !important;
}
  .Parallax-item:first-child img {
    width: 160% !important;
    height: auto !important;
    left: 0 !important;
    object-position: -10px 0px;
}
}
}

Thank you!

Do you still need help?