Problem with firefox

Hello i have a problem with mi website when i open it in firefox. i have like 3 containers that are used for heading picture and some text for description. it should look like this: https://drive.google.com/file/d/1CenvuHXuY8uz4cn9_mlRXbT1BQqkTOfl/view?usp=sharing

but in firefox is like this: https://drive.google.com/file/d/16Db0UkZblRs4LU5en_nGP7nNF3CCkCQ3/view?usp=sharing

css for pictue is @media (min-width: 769px) { .cover { height: max-content; object-fit: cover; object-position: left; } }

in smaller devices there are heading, picture and text one under the other.