Add responsive image map feature to an exiting React app -- 3

With our web app, end users may upload photos of their family relatives and, for each family member, enter data such as first/last names, birth/death dates, and his/her parents' name. Upon upload, photos are processed with a face detection API that returns the bounding box coordinates for each face displayed in a photo. Therefore, for each image displayed in a family photo carousel, there is a <map tag that defines the clickable areas corresponding to the faces (see [login to view URL]). What we need to achieve, is to fix our existing React carousel component so that: - image maps are made responsive (see [login to view URL]) - the name of the person shows up when user click a face (name defined in each area <area shape="rect" coords="1136,577,1190,650" name="attendee 3" class="blue" href="#">)