TakingAction

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!

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!