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:

but in firefox is like this:

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.