In order to arrange fields within a component, you'll need to know what Twig template can be used. You have a choice of templates, but knowing what they are requires setting up Twig debugging.
Configure Twig Debugging
- On your local development site, go to web/sites/default.
- Copy default.services.yml to services.yml
- In services.yml, locate the section called twig.config
- Change the values as indicated
debug: trueautoreload: truecache: false
Save and clear cache. You should now inspect a page on your site and see other twig templates you can use.
The way it works is that the most generic template is on the bottom of the list. Go further up the list for a more specific version. Note that in this example, the field template being used is noted by an x to the left of the name; field--node--title.html.twig
Twig Tweak
The Twig Tweak module provides extra capabilities. The Cheat Sheet gives you an idea of what's available.