The opacity utilities (Figure 1) range from 10 to 90 in increments of 10. For example,
.opacity-50 applies a 50% opacity to its selector.
Opacity utilities accept breakpoint modifiers.
With the HTML in Figure 2, the purple rectangle changes to 40% opacity at the large breakpoint.