.hotspots { position: relative; }
.hotspots img { max-width: 100%; height: auto; }

.hotspots__help { display: flex; gap: 10px; align-items: center; padding: 10px; opacity: 1; position: absolute; top: -60px; left: 50%; background: #EEE; transform: translateX(-50%); transition: opacity 0.3s linear, top 0.3s linear; min-width: 320px; border-radius: 60px; border: 2px solid #252c60; background: #EBECF1; }
.hotspots__help.hidden { opacity: 0; top: 10px; }

/* Hotspot Text on Media Image Full Page */
.hotspots__text--table { position: relative; background: white; width: 364px; padding: 30px; z-index: 3; border: 2px solid #252c60; }
.hotspots__text--table img, .hotspots__text--table figure, .hotspots__text--table p, .hotspots__text--table ul, .hotspots__text--table ol { margin-bottom: 20px !important; }
.hotspots__text--table figcaption { color: #666; }
.hotspots__text--table * { font-size: 1.6rem; line-height: 2.2rem; }
.hotspots__text--table :last-child { margin-bottom: 0 !important; }