Build a single, mobile responsive HTML page

Hi, I'm looking for a single, mobile-responsive HTML page, created using HTML & CSS only. Page needs to contain a CSS accordion list. Please see the diagram attached. The top half of the diagram shows how the page should look when it's loaded, the bottom half of the diagram shows an example of an opened/expanded row. Page contains: Logo at the top, aligned to the left of the header. Page title horizontally centered in page underneath. Page content will be an accordion list made up of 3 rows. Each row in the list should contain: A "+" symbol (which changes to "-" when it's clicked on and row is expanded). A line of text aligned left. An image located on the right side of the row. When a row is clicked on anywhere, it should expand and a space underneath it should appear. This space should contain 3 rows. Each of these rows should contain 7 columns, each with a header containing text. The space underneath each header should also contain text as content. When an opened row is clicked on, it should close, and the "-" symbol should turn back into a "+" symbol. As this needs to be mobile-responsive, the boxes should reposition/resize and text should resize to look correct on both laptops and smaller devices. The animation/transition of the opening and closing of rows should be smooth and not choppy. Thanks and I look forward to working with you.