Layout issues in some devices (flex vendor)

In some devices the cards are overlaping each other. See immage of iPhone SE:

image

I’m using flex and I might be missing some vendor specific properties?

        scroll-content {
            display: flex;
            flex-direction: column;
        }

Should it be:

        scroll-content {
            display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
       }

???