WordPress theme - split long form into sections and display items according to role

My WordPress theme has a long Profile form with several fields. I need to separate those fields into separate sections/blocks where similar fields are grouped together. For example: First Name, Last Name, Email, are grouped together. I have created a list of what items go to what section as shown on screenshot (Personal Information - separate items....png). Each section will have a separate SAVE button and each saving actions must be done via AJAX with no page reload. Among the fields, there is an upload avatar field. With this field you need to use a modern image cropper plugin to crop uploaded image into a square image. This must also be done via AJAX with no page reload. And finally, there are 2 user roles on the site. I want some fields to he hidden from one user role so that this type of user cannot access those fields because they are not relevant to that role. Please see attachment zip