Change the size of collection header images on mobile only

[KAillustration]

Does anyone know how to change the size of collection header images on mobile only using the following code but without affecting the animation image behaviour? I want to keep my settings of having a 'fixed background position' but edit the collection header image sizing as per the code below.

@media (max-width: 767px) { .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) { height: 60vh; margin-top: 0px; position: relative } }

[KAillustration]

Great thanks! what is the solution? 

[KAillustration]

I am hoping to learn the code and do it myself if that is at all possible? 

[BSS-Commerce]

Hi @KAillustration ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.