My Product Landing Page without @media

<%= @topic_view.topic.title %>
<%= @topic_view.topic.average_rating %> <%= @topic_view.topic.posts.count { |p| !!p.custom_fields['rating'] } %>

Hello, guys!

I tried to make my PLP project
https://codepen.io/grinberg/full/PMpBdx
And when I open this page on my smartphone it looks terribly. Please, help me with @media. What should I to do with page to fix its width and how to fix the image under the bar in a separate block

Thank you for help!