How can I correctly format 3 images in a row for both desktop and mobile views?

Hello,

I use Motion theme and above is an example of what I want to create on a page and I’m not sure if the way I did it is the right way. As you see in the screenshot I want 3 images in a row side-by-side with text below and I put here what I found to use:


![quizz_Converted_-02-01.jpg?v=1606934445|1001x1001](upload://9ezkzTZngN5W34qFZt9D3b6vCyN.jpeg)

text

![shutterstock_1386937973_Converted_-01.jpg?v=1606934493|1200x1200](upload://d0bPkhtCcyvWq8Htf745mgUTRCP.jpeg)

text

![shutterstock_1789079942_Converted_-01.jpg?v=1606934514|2500x2500](upload://buUcgAiaBWzHcvPHir9NXbecXgt.jpeg)

text


Well..is working I guess but the problem is that on mobile remains in a row side-by-side and looks terrible and small and should be centered above one another on mobile.

Any help please?

Add this also