Horizontal Bar Chart Layout with Commodity Images

I want to create a horizontal bar chart similar to the reference image provided. The view should be split into two main sections: The left section represents the "Jumlah Kabupaten/Kota yang di bawah HAP/HPP" and should include red colored horizontal bars for two categories, "Minggu I" and "Minggu II," for each item. The right section represents the "Jumlah Kabupaten/Kota yang di atas HAP/HPP" with green colored horizontal bars for two categories, "Minggu I" and "Minggu II," for each item. Between the two bar chart sections, there should be placeholders for the images of the commodities. The horizontal bars for each item should be displayed side by side, aligned with the respective image placeholders. The red and green bars should represent different values for each week, with labels for 'Minggu I' and 'Minggu II.' Please use HTML and CSS to create this layout, and add placeholders for the commodity images in the middle. The bars should have different shades for each week (darker for 'Minggu I' and lighter for 'Minggu II'). Make sure to structure the layout using CSS Flexbox to align the sections properly and ensure a responsive design."