Individual services row saved to Divi Library as ‘Services Image Row’. Complete section saved as ‘Services Image Section (multiple equal-height rows)’.

• Row made up of 4 columns — 2 pairs of image + content columns.
• Each image is featured twice — once in its own column (tablet/desktop only) and once in the content column (mobile only)— in order to create the required layout. Both images will need updating when editing (check appearance on desktop and mobile views).
• If there is an odd number of services, a single-service row can be added at the bottom. Use the 4-column row, but delete content from the last two. Empty columns will not display.
• Image/content columns will wrap in pairs on tablet, and are not equal width. So if adding a single-service row, keep it left aligned (i.e. populate columns 1 and 2, delete content from 3 and 4) rather than trying to centre it.
• To equalise the height of Services rows, add the custom CSS Class ‘services-image-section‘ to the parent Section. (Each row has the class ‘services-image-row‘).