Ceremony Scene Split Awards Block for React

Yes. The scene is one Scene component inside a frame; replace it with an img (give it an empty alt, because the details are in the text, or a real description if the picture says something the text doesn't). Keep the frame's size classes so the split keeps its shape.

In SVG with a 400 by 300 box that fills the frame. Every shade is the foreground colour mixed into the background, lighter toward the back, so it works in light and dark themes. The audience is computed from three row settings at the top of the file, so you can add a row or change how many heads fit.

No: it is the catalog Avatar with initials, hidden from assistive technology because the name sits right beside it. Add an AvatarImage with the person's photo if you have one.

The date is fixed in the data (an ISO day), formatted in a fixed locale and time zone so the server and the browser print the same text, and wrapped in a time element with the ISO day as its datetime.

No. Xanthe, the Willowwick Awards, the venue and the person accepting are invented for the example.

Under the details, 200 pixels tall, so the heading stays at the top of the block. From lg it takes the start column while the details come first in the document, so a keyboard and a screen reader meet the heading first.