how to customize form layout label position as per screen size

Summary:

Hi Experts

I want to customize the position of label position as per the screen size i.e. for large and above i want the label at start and for small and medium i want at the top for below "label-edge" attribute of form layout

 <oj-form-layout label-edge="top" max-columns="2">

Content (required):

Version (include the version you are using, if applicable):

Code Snippet (add any code snippets that support your topic, if applicable):