:root {
  --readaloud-color: #7e1716;

  --fb-white: white;
  --fb-black: black;
  --fb-blue: #002664;
  --fb-brown: #6a543f;
  --fb-orange: #c98543;

  /*Remove when done*/
  --sa-blue: #00093b;
  --sa-red: #cb4a49;
  --sa-pink: rgb(231, 172, 160);
  /*------------------*/

  --base-font: 18px;
  --font-scale: 1.2;

  --font-size-1: var(--base-font);

  --font-size-2: calc(var(--base-font) * var(--font-scale));

  --font-size-3: calc(var(--font-size-2) * var(--font-scale));

  --font-size-4: calc(var(--font-size-3) * var(--font-scale));

  --font-size-5: calc(var(--font-size-4) * var(--font-scale));

  --font-size-6: calc(var(--font-size-5) * var(--font-scale));

  --font-size-7: calc(var(--font-size-6) * var(--font-scale));

  --font-size-8: calc(var(--font-size-7) * var(--font-scale));

  --font-size-small-1: calc(var(--base-font) / var(--font-scale));

  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));

  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));
}

@font-face {
  font-family: "Barchella Drumal";
  src: url("https://content.demiplane.com/fonts/Barchella_Drumal.otf")
    format("opentype");
}

@font-face {
  font-family: "Galliard Std";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/GalliardStd-Ultra.otf")
    format("opentype");
}

@font-face {
  font-family: "Galliard Std";
  src: url("https://content.demiplane.com/fonts/GalliardNormal.otf")
    format("opentype");
}

@font-face {
  font-family: "Good OT";
  src: url("https://content.demiplane.com/fonts/GoodOT.otf")
    format("opentype");
}

@font-face {
  font-family: "Good OT";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/GoodOT-Bold.otf")
    format("opentype");
}

/*fb fonts*/

@font-face {
  font-family: "Taroca";
  src: url("https://content.demiplane.com/fonts/Taroca.ttf")
    format("truetype");
}

@font-face {
  font-family: "Gin";
  src: url("https://content.demiplane.com/fonts/Gin.otf") format("opentype");
}

@font-face {
  font-family: "Nunito";
  src: url("https://content.demiplane.com/fonts/Nunito-Regular.ttf")
    format("truetype");
}

.book-styled-block {
  background: #fdfdfd;
  border: 13px solid;
  border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/seventh-arch-border.png");
  border-image-slice: 13;

  padding: 24px 16px 8px 16px;

  padding-top: var(--font-size-3);
  padding-right: var(--font-size-1);
  padding-bottom: var(--font-size-small-3);
  padding-bottom: var(--font-size-1);

  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);

  background-color: rgb(234, 218, 190);
  color: var(--sa-blue);
}

.book-styled-block p {
  font-family: Good OT;
}

.book-styled-block p strong {
  color: var(--sa-blue);
}

.book-styled-block h5 {
  text-align: center;
  color: var(--sa-blue);
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
}

.split-header {
  font-size: var(--font-size-2);
}

.main-holder > .split-header {
  font-size: var(--font-size-2);
  font-weight: normal;
  color: #5d0000;
  font-family: gin, serif;
  border-bottom: 0px;
}

.main-holder > h1 {
  font-family: "Taroca";
  color: var(--fb-white);
  font-size: var(--font-size-4);
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-firebrands/css/lo-chapter-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(100% + 40px);
  max-width: 840px;
  left: -20px;
  position: relative;
  aspect-ratio: 2700/519;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 40px 100px 50px 100px;
  z-index: 1000;
}


h1.header-with-image {
  margin-top: 50px;
}

.header-image {
  margin-bottom: -144px;
}

.chapter-header {
  position: relative;
}

.chapter-header > h1 {
  position: absolute;
  padding-right: var(--font-size-2);
  bottom: var(--font-size-3);
  right: 0;
  text-align: right;
  color: var(--fb-white);
  font-family: Taroca;
  text-shadow: 1px 1px 8px black;
  z-index: 1000;
}

.chapter-header > h1 > span {
  font-size: var(--font-size-4);
}

.m1 h1 > span {
  font-size: var(--font-size-6);
  margin-bottom: 4px;
}

.main-holder > h2 {
  font-family: Taroca;
  color: var(--fb-blue);
  text-transform: uppercase;
  font-size: var(--font-size-3);

  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h3 {
  font-family: Taroca;
  font-size: var(--font-size-2);
  color: var(--fb-blue);
  text-transform: capitalize;
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h3.alt {
  font-family: GoodOT;
  font-weight: bold;
  font-size: var(--font-size-3);
  color: var(--fb-orange);
}

.main-holder > h4 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-1);
  color: var(--sa-red);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-small-1);
}

.main-holder > h5 {
  font-family: Good OT;
  font-weight: bold;
  font-size: var(--font-size-2);
  margin-top: var(--font-size-5);
  margin-bottom: var(--font-size-1);
}

.main-holder > .chapter-title {
  text-transform: none;
  color: var(--sa-blue);
}

.main-holder > ul {
  font-size: var(--font-size-1);
}

.standard-table {
  font-family: Good OT;
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-1);
}

.ap-author-and-text {
  font-family: Times New Roman;
  margin-top: 4px;
}

.ap-author-and-text--top {
  margin-bottom: 4px;
}

.quote-author {
  text-indent: 0.75vw;
}

.sidebar {
  padding-top: var(--font-size-4);
  padding-bottom: var(--font-size-1);
  padding-left: var(--font-size-5);
  padding-right: var(--font-size-5);
  margin-bottom: var(--font-size-2);
}

.sidebar > * {
  font-family: GoodOT;
  color: var(--fb-brown);
}

.sidebar > h5 {
  color: var(--fb-brown);
  font-size: var(--font-size-2);
  font-family: Gin;
  margin-top: 0px;
  margin-bottom: var(--font-size-small-3);
}

.sidebar p strong {
  color: var(--fb-brown);
  font-family: Good Ot;
}

.sidebar li {
  font-size: var(--font-size-1);
}

.adv-track {
  margin-bottom: var(--font-size-1);
  text-align: center;
  position: relative;
  padding: var(--font-size-5) var(--font-size-1) var(--font-size-5)
    var(--font-size-1);
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/sa-adv-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  border: 13px solid;
  border-image-source: url("https://content.demiplane.com/compendium/pathfinder-2e/gatewalkers-the-seventh-arch/css/seventh-arch-border.png");
  border-image-slice: 13;
}

.adv-track h4 {
  font-family: Good OT;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: none;
  color: var(--sa-blue);
  font-size: var(--font-size-5);
}

.adv-track p {
  margin-top: var(--font-size-small-3);
}

.adv-track table {
  background-color: transparent;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Nunito;
}

.adv-track tr > td {
  text-align: left;
  padding-bottom: var(--font-size-5);
}

.main-holder .adv-track .adv-level {
  text-align: center;
  font-family: Barchella Drumal;
  font-size: var(--font-size-8);
  color: var(--sa-blue);
}

.readaloud-block {
  padding-top: var(--font-size-1);
  margin-top: var(--font-size-2);
  margin-bottom: var(--font-size-2);
  /*overflow: visible;*/
}

.readaloud-block p {
  font-family: Good OT;
  font-size: var(--font-size-1);
  color: var(--sa-blue);
}

.centered-block {
  background-color: var(--sa-pink);
  padding: var(--font-size-1) var(--font-size-5) var(--font-size-1)
    var(--font-size-5);
  margin-top: var(--font-size-1);
  margin-bottom: var(--font-size-3);
  color: var(--sa-blue);
}

.centered-block p {
  font-family: Good OT;
  font-size: var(--font-size-1);
}

.centered-block h5 {
  text-align: center;
  font-family: Good OT;
  font-weight: bold;
  color: var(--sa-blue);
  font-size: var(--font-size-2);
}

.main-holder > .split-header span {
  color: var(--sa-red);
  font-family: Good OT;
  font-weight: bold;
}

.trait-holder {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.display-flow {
  display: flow-root;
}

.main-holder .hidden {
  visibility: hidden;
  height: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.trait-holder > p {
  margin-top: var(--font-size-1);
}

p {
  font-family: Nunito;
  font-size: var(--font-size-1);
  line-height: var(--font-size-2);
  margin-top: 0px;
  padding: 0px;
  margin-bottom: var(--font-size-1);
}

p strong {
  font-family: Times New Roman;
}

.image-so {
  shape-margin: 8px;
  margin: 16px;
  padding: 0px;
  position: relative;
}

.book-image-center {
  margin-left: auto;
  margin-right: auto;
}

.force-image-left {
  float: left;
}

.force-image-right {
  float: right;
}

.force-image-center {
  margin: auto;
}

.image-with-subtitle-center {
  margin-left: auto;
  margin-right: auto;
}

.image-so > p {
  position: relative;
  /*width: 240px;*/
  width: fit-content;
  height: var(--font-size-4);
  font-family: Gin;
  font-size: var(--font-size-small-1);
  line-height: var(--font-size-3);
  padding: 2px var(--font-size-3) 4px var(--font-size-3);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  color: var(--fb-brown);
  background-image: url("https://content.demiplane.com/compendium/pathfinder-2e/lost-omens-firebrands/css/fb-subtitle-background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1001;
}

@media only screen and (max-width: 660px) {
  p {
    line-height: var(--font-size-3);
  }

  :root {
    --sa-p-font-size: 16px;
  }
}

@media only screen and (max-width: 600px) {
  .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .force-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .image-with-subtitle-left {
    float: none;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 700px) {
  :root {
    --base-font: 16px;
  }
}

@media only screen and (max-width: 600px) {
  :root {
    --base-font: 14px;
  }
}

.image-ritalson-report-3 {
  width: 305px;
  shape-outside: polygon(
    39.32% 3.44%,
    94.87% 3.52%,
    96.65% 95.13%,
    24.93% 94.99%,
    5.28% 72.5%,
    7.76% 54.19%,
    21.61% 40.91%,
    29.15% 29.21%,
    24.34% 22.16%,
    30.35% 9.25%
  );
}

.image-ritalson-report-4 {
  width: 320px;
  shape-outside: polygon(
    14.49% 3.04%,
    95.79% 5.11%,
    96.87% 95.44%,
    81.82% 94.63%,
    37.21% 70.34%,
    26.99% 69.93%,
    24.71% 60.62%,
    9.9% 50.67%,
    13.45% 42.3%,
    6.43% 36.22%,
    3.44% 23.54%,
    10.51% 16.07%,
    13.59% 8.76%
  );
}

.image-obsidian-oath-raider-cmyk {
  width: 310px;
  shape-outside: polygon(
    21.79% 3.3%,
    93.58% 3.63%,
    94.47% 85.3%,
    46.33% 85.09%,
    22.97% 80.92%,
    23.23% 74.55%,
    29.43% 73.88%,
    22.53% 57.52%,
    15.12% 51.34%,
    19.18% 38.57%,
    6.96% 30.22%,
    4.81% 22.08%,
    35.59% 26.09%
  );
}

.image-obsidian-oath-raider-cmyk > p {
  bottom: 60px;
}

.image-sakuachi-portrait {
  width: 280px;
  shape-outside: polygon(
    46.16% 4.04%,
    93.9% 5.07%,
    93.59% 83.13%,
    35.98% 83.78%,
    34.99% 79.49%,
    12.76% 70.84%,
    2.8% 53.47%,
    13.69% 30.95%,
    27.16% 25.75%,
    32.04% 10.66%
  );
}

.image-sakuachi-portrait > p {
  bottom: 25px;
}

.image-matz-balandim {
  width: 280px;
  shape-outside: polygon(
    95.51% 2.79%,
    59.92% 18.12%,
    70.19% 23.76%,
    76.69% 34.98%,
    72.17% 44.74%,
    65.33% 53.14%,
    74.28% 73.81%,
    73.95% 88.84%,
    -0.63% 88.3%,
    2.58% 5.88%
  );
}

.image-matz-balandim > p {
  bottom: 110px;
  left: -40px;
}

.image-winter-wolf {
  width: 280px;
  shape-outside: polygon(
    31.41% 51.47%,
    9.3% 43.69%,
    3.85% 24.14%,
    21.79% 6.98%,
    39.1% 3.59%,
    93.57% 4.62%,
    92.32% 84.5%,
    56.18% 84.58%,
    37.23% 87.63%,
    29.44% 83.84%,
    26.19% 77.8%,
    21.15% 69.14%,
    31.1% 65.07%
  );
}

.image-winter-wolf > p {
  bottom: 88px;
  left: -10px;
}

.image-deniigi {
  width: 280px;
  shape-outside: polygon(
    61.53% 2.79%,
    69.55% 9.49%,
    72.43% 17.69%,
    78.2% 20.28%,
    86.85% 33.43%,
    96.46% 35.3%,
    88.46% 41.05%,
    78.61% 49.75%,
    86.27% 80.8%,
    63.41% 82.96%,
    50.55% 86.2%,
    2.89% 85.93%,
    1.94% 3.16%
  );
}

.image-deniigi > p {
  bottom: 70px;
  left: -10px;
}

.image-ghodrak-the-Quick {
  width: 280px;
  shape-outside: polygon(
    35.26% 5%,
    91.97% 5.33%,
    91.03% 93.46%,
    66.44% 93.95%,
    10.95% 86.91%,
    18.86% 55.97%,
    2.47% 38.98%,
    18.59% 32.05%,
    14.44% 12.24%
  );
}

.image-ulikuq {
  width: 280px;
  shape-outside: polygon(
    49.36% 2.89%,
    93.26% 6.5%,
    95.52% 84.64%,
    36.3% 84.37%,
    35.95% 80.34%,
    6.35% 78.61%,
    5.68% 60.65%,
    13.78% 49.65%,
    23.73% 45.26%,
    30.14% 30.51%,
    29.18% 12.87%,
    36.56% 5.06%
  );
}

.image-ulikuq > p {
  bottom: 20px;
  left: -8px;
}

.image-adney-tinhill {
  width: 310px;
  shape-outside: polygon(
    2.34% 4.63%,
    54.64% 4.4%,
    68.43% 12.23%,
    68.13% 21.5%,
    76.32% 28.36%,
    70.47% 34.47%,
    83.92% 43.92%,
    79.38% 52.42%,
    89.35% 57.74%,
    93.4% 63.68%,
    85.53% 70.22%,
    83.62% 85.99%,
    3.26% 84.83%
  );
}

.image-adney-tinhill > p {
  bottom: 102px;
}

.image-draugar {
  width: 365px;
  shape-outside: polygon(
    28.59% 2.08%,
    98.37% 3.33%,
    97.48% 88.44%,
    30.73% 89.3%,
    5.54% 81.84%,
    3.27% 77.16%,
    8.56% 68.14%,
    31.49% 65.54%,
    18.19% 40.19%,
    7.61% 41.23%,
    2.51% 39.13%,
    14.87% 36.52%,
    11.79% 33.6%,
    12.09% 24.79%,
    25.31% 11.83%
  );
}

.image-draugar > p {
  left: -80px;
  bottom: 80px;
}

.image-pholebis {
  width: 355px;
  shape-outside: polygon(
    11.51% 20.01%,
    29.08% 12.2%,
    32.18% 6.61%,
    43.81% 2.87%,
    95.15% 3.01%,
    96.38% 88.12%,
    20.61% 88.86%,
    12.7% 77.78%,
    15.72% 70.14%,
    4.71% 50.69%,
    11.63% 46.22%,
    5.12% 31.85%
  );
}

.image-pholebis > p {
  bottom: 90px;
  left: -60px;
}

.image-jundlan-bubble {
  width: 405px;
  shape-outside: polygon(
    21.86% 9.49%,
    37.42% 3.24%,
    96.04% 4.6%,
    94.97% 83.23%,
    21.92% 83.32%,
    10.56% 75.72%,
    3.85% 52.14%,
    3.25% 41.7%,
    6.18% 25.66%,
    14.25% 20.09%
  );
}

.image-jundlan-bubble > p {
  bottom: 60px;
  left: 70px;
}

.image-red-duchess-captain {
  width: 315px;
  shape-outside: polygon(
    10.23% 2.5%,
    47.26% 2%,
    57.06% 7.47%,
    88.19% 5.28%,
    95.39% 14.66%,
    93.66% 21.53%,
    85.88% 26.85%,
    72.33% 26.22%,
    68.02% 29.97%,
    68.88% 34.82%,
    72.05% 40.45%,
    68.59% 46.07%,
    74.06% 49.82%,
    70.89% 53.89%,
    73.19% 59.05%,
    78.67% 63.43%,
    80.97% 66.87%,
    80.12% 71.13%,
    84.2% 71.43%,
    84.42% 76.23%,
    81.57% 77.03%,
    86.11% 84.88%,
    81.27% 90.04%,
    10.37% 89.52%
  );
}

.image-red-duchess-captain > p {
  bottom: 120px;
  left: 50px;
}

.image-eoldir {
  width: 315px;
  shape-outside: polygon(
    4.18% 4.29%,
    54.47% 3.69%,
    64.27% 8.5%,
    68.06% 22.09%,
    67.42% 35.02%,
    73.21% 43.08%,
    90.72% 45.01%,
    97.41% 60.14%,
    93.38% 75.51%,
    72.05% 82.81%,
    0.86% 83.02%
  );
}

.image-eoldir > p {
  bottom: 30px;
}

.image-gaar-steelfare {
  width: 290px;
  shape-outside: polygon(
    42.24% 5.64%,
    97.6% 5.23%,
    94.41% 82.77%,
    30.65% 82.8%,
    8.99% 73.77%,
    3.4% 59.1%,
    6.84% 44.71%,
    23.08% 39.64%,
    31.68% 33.69%,
    33.46% 13.69%
  );
}

.image-gaar-steelfare > p {
  bottom: 25px;
}

.image-living-evil {
  width: 300px;
  shape-outside: polygon(
    36.75% 3.73%,
    93.85% 2.9%,
    94.58% 85.02%,
    74.12% 86.28%,
    40.29% 84.27%,
    4.59% 77.64%,
    12.62% 68.68%,
    19.58% 62.25%,
    25.44% 50.71%,
    21.21% 45.32%,
    19.41% 34.14%,
    15.19% 29.8%,
    16.7% 20.89%,
    23.03% 18.2%
  );
}

.image-living-evil > p {
  bottom: 50px;
}

.image-jundlan_shooting-star-over-sarkoris {
  width: 380px;
  shape-outside: polygon(
    49.76% 4.02%,
    96.83% 7.12%,
    95.39% 80.05%,
    22.4% 80.58%,
    20.46% 78.57%,
    5.41% 75.7%,
    4.17% 64.38%,
    3.36% 56.06%,
    6.73% 50.43%,
    13.83% 23.76%,
    29.14% 12.57%
  );
}

.image-jundlan_shooting-star-over-sarkoris > p {
  bottom: 35px;
}

.image-nabasu {
  width: 340px;
  shape-outside: polygon(
    11.02% 7.21%,
    93.48% 3.93%,
    94.08% 86.28%,
    47.5% 86.7%,
    30.37% 83.24%,
    9.42% 64.36%,
    5.46% 47.87%,
    5.65% 31.76%,
    11.89% 11.36%
  );
}

.image-nabasu > p {
  bottom: 40px;
  left: 40px;
}

.image-valmar {
  width: 335px;
  shape-outside: polygon(
    23.57% 3.12%,
    91.17% 5.76%,
    87.74% 94.95%,
    2.45% 94.5%,
    29.3% 47.16%,
    4.48% 35.12%,
    5.73% 30.73%,
    26.43% 33.85%,
    32% 24.27%,
    18.64% 15.13%
  );
}

.image-zeah-kelembrey-neverhome {
  width: 285px;
  shape-outside: polygon(
    12.77% 4.38%,
    93.09% 6%,
    93.38% 87.26%,
    16.71% 87.45%,
    13.74% 84.33%,
    2.34% 81.56%,
    15.78% 55.18%,
    12.93% 31.24%,
    15.74% 11.08%
  );
}

.image-zeah-kelembrey-neverhome > p {
  bottom: 20px;
}

.image-domora-ruins {
  width: 400px;
  shape-outside: polygon(
    34.26% 4.12%,
    98.05% 7.88%,
    96.53% 83.15%,
    34.51% 81.09%,
    11.98% 76.32%,
    3.76% 71.43%,
    6.23% 62.04%,
    6.25% 44.8%,
    16.08% 22.55%,
    19.78% 10.97%
  );
}

.image-domora-ruins > p {
  bottom: 60px;
  left: 50px;
}

.image-alkoasha {
  width: 365px;
  shape-outside: polygon(
    38.16% 3.25%,
    98.62% 5.9%,
    92.19% 84.48%,
    35.06% 84.91%,
    10.57% 74.38%,
    5.55% 53.03%,
    3.23% 48.11%,
    12.34% 41.17%,
    15.24% 17.49%
  );
}

.image-alkoasha > p {
  bottom: 80px;
  left: 20px;
}

.image-zombie-dragon {
  width: 435px;
  shape-outside: polygon(
    1.39% 3.96%,
    96.92% 8.04%,
    95.07% 82.86%,
    12.84% 79.84%,
    11.56% 76.14%,
    14.12% 71.14%,
    10.05% 68.75%,
    6.76% 63.04%,
    16.58% 55.91%,
    14.78% 42.1%,
    7.07% 40.88%,
    10.58% 15.7%
  );
}

.image-zombie-dragon > p {
  bottom: 50px;
  left: -100px;
}

.image-the-clog {
  width: 335px;
  shape-outside: polygon(
    62.54% 4.03%,
    91.45% 9.78%,
    97% 23.04%,
    93.46% 70.54%,
    84.35% 79.02%,
    78.32% 85.28%,
    51.23% 85.47%,
    5.99% 85.14%,
    5.28% 5.95%
  );
}

.image-the-clog > p {
  bottom: 70px;
  right: 70px;
}

.image-malgamon {
  width: 345px;
  shape-outside: polygon(
    20.03% 3.81%,
    95.47% 3.1%,
    93.11% 88.6%,
    14.69% 87.99%,
    4.87% 83.83%,
    6.27% 69.84%,
    27.75% 60.2%,
    27.85% 50.81%,
    11.43% 49.61%,
    6.92% 43.43%,
    11.16% 41.43%,
    10.37% 33.8%,
    3.74% 35.07%,
    4.53% 21.81%,
    15.94% 18.18%
  );
}

.image-malgamon > p {
  bottom: 140px;
  right: 40px;
}

.image-druid-king-aalgin {
  width: 385px;
  shape-outside: polygon(
    24.33% 18.36%,
    32.25% 15.05%,
    32.25% 10.33%,
    40.4% 5.23%,
    45.2% 1.66%,
    77.57% 2.04%,
    96.19% 2.95%,
    91.61% 90.82%,
    20.86% 91.64%,
    19.8% 88.4%,
    26.96% 85.97%,
    24.23% 78.13%,
    2.64% 77.3%,
    26.59% 25.9%
  );
}

.image-druid-king-aalgin > p {
  bottom: 100px;
  left: 80px;
}

.image-wandering-waypoint {
  width: 420px;
  shape-outside: polygon(
    30.75% 1.8%,
    97.16% 3.37%,
    93.14% 90.77%,
    33.38% 91.78%,
    2.51% 67.03%,
    8.11% 27.5%,
    15.96% 26.23%,
    22.79% 18.92%,
    21.42% 11.48%
  );
}

.image-wandering-waypoint > p {
  bottom: 80px;
  left: 80px;
}

.image-nizsazic {
  width: 425px;
  shape-outside: polygon(
    50% 3.47%,
    96.13% 6.39%,
    95.84% 94.8%,
    55.14% 94.8%,
    35.23% 90.27%,
    28.23% 91.06%,
    12.04% 84.91%,
    6.13% 76.63%,
    3.73% 65.69%,
    15.88% 57.17%,
    9.14% 52.46%,
    27.19% 45.52%,
    24.38% 25.66%,
    40.49% 29.11%,
    39.76% 17.07%
  );
}

.image-astrolabe-of-falling-stars {
  width: 265px;
  shape-outside: polygon(
    58.42% 2.42%,
    93.44% 30.76%,
    93.27% 93.52%,
    45.18% 94.94%,
    18.17% 86.08%,
    4.39% 64.9%,
    8.02% 41.69%,
    18.86% 25.45%,
    44.27% 13.82%
  );
}

.image-pickled-demon-tongue {
  width: 185px;
  shape-outside: polygon(
    14.06% 9.62%,
    27.7% 6.13%,
    50.69% 4.79%,
    91.24% 6.12%,
    93.81% 91.72%,
    33.84% 92.79%,
    11.07% 89.49%,
    5.99% 84.42%,
    6.86% 13.07%
  );
}

.image-briny-bolt {
  width: 415px;
  shape-outside: polygon(
    45.53% 2.18%,
    97.54% 3.53%,
    98.88% 93.12%,
    2.5% 89.37%,
    18.34% 71.92%,
    8.51% 59.33%,
    20.32% 46.04%,
    22.15% 20.48%,
    27.29% 13.21%
  );
}

.image-scion-of-domora {
  width: 355px;
  shape-outside: polygon(
    44.32% 3.27%,
    39.41% 32.23%,
    50.52% 33.51%,
    63.19% 38.42%,
    67.84% 46.44%,
    65.69% 60.99%,
    95.86% 58.11%,
    97.88% 69.08%,
    91.26% 80.15%,
    94.02% 91.44%,
    72.67% 96.21%,
    7.49% 93.44%,
    4.6% 1.98%
  );
}

.image-pf-lore {
  width: 100px;
  shape-outside: polygon(
    50% 10.27%,
    76.93% 20.06%,
    88.63% 43%,
    82.63% 70.67%,
    61.94% 83.86%,
    38.06% 84.6%,
    18.12% 71.41%,
    11.36% 42.27%,
    24.58% 20.06%
  );
}

.image-capstan-swabbie {
  width: 435px;
  shape-outside: polygon(
    48.07% 4.66%,
    97.57% 5.34%,
    97.78% 89.97%,
    39.32% 92.97%,
    38.03% 41.32%,
    21.62% 48.67%,
    17.56% 42.34%,
    30.74% 30.01%,
    2.67% 31.03%,
    3.44% 22.7%,
    18.64% 22%,
    19.36% 14.33%
  );
}

.image-demon {
  width: 365px;
  shape-outside: polygon(
    53.53% 5.08%,
    98.37% 5.47%,
    97.98% 92.08%,
    52.94% 92.5%,
    19.89% 78.73%,
    18.15% 56%,
    9.08% 51.17%,
    2.22% 31.1%,
    6.8% 13.51%,
    32.62% 13.21%
  );
}

.image-treasure-icon {
  width: 100px;
  shape-outside: polygon(
    50% 10.27%,
    76.93% 20.06%,
    88.63% 43%,
    82.63% 70.67%,
    61.94% 83.86%,
    38.06% 84.6%,
    18.12% 71.41%,
    11.36% 42.27%,
    24.58% 20.06%
  );
}

.image-glimmervine {
  width: 355px;
  shape-outside: polygon(
    72.22% 4.25%,
    96.95% 6.45%,
    97.16% 91.64%,
    37.99% 90.99%,
    2.84% 83.15%,
    14.41% 63.63%,
    11.93% 50.39%,
    21.92% 40.27%,
    36.23% 28.06%,
    56.07% 26.35%,
    59.89% 12.33%
  );
}

.image-location-icon {
  width: 100px;
  shape-outside: polygon(
    50% 10.27%,
    76.93% 20.06%,
    88.63% 43%,
    82.63% 70.67%,
    61.94% 83.86%,
    38.06% 84.6%,
    18.12% 71.41%,
    11.36% 42.27%,
    24.58% 20.06%
  );
}

.image-kvernknurr {
  width: 375px;
  shape-outside: polygon(
    47.3% 5.15%,
    100.44% 5.35%,
    96.56% 96.38%,
    25.55% 96.88%,
    8.35% 93.23%,
    4.42% 83.25%,
    11.79% 78.26%,
    29.38% 77.17%,
    27.7% 52.27%,
    17.26% 46.96%,
    33.03% 30.27%,
    37.1% 21.05%,
    41.82% 16.98%
  );
}

.image-myroga {
  width: 370px;
  shape-outside: polygon(
    22.89% 4.39%,
    93.45% 4.32%,
    93.28% 96.97%,
    53.7% 96.48%,
    17.26% 89.2%,
    12.35% 85.91%,
    4.76% 59.34%,
    9.95% 27.45%,
    17.25% 12.37%
  );
}

.image-monster-icon {
  width: 100px;
  shape-outside: polygon(
    50% 10.27%,
    76.93% 20.06%,
    88.63% 43%,
    82.63% 70.67%,
    61.94% 83.86%,
    38.06% 84.6%,
    18.12% 71.41%,
    11.36% 42.27%,
    24.58% 20.06%
  );
}

.image-skin-beetle-swarm {
  width: 420px;
  shape-outside: polygon(
    59.29% 6.24%,
    100.04% 8.53%,
    97.79% 88.08%,
    52.18% 92.56%,
    29.62% 85.28%,
    13.69% 72.45%,
    4.28% 55.61%,
    7.44% 42.44%,
    16.4% 35%,
    31.42% 25.66%,
    38.9% 16.16%
  );
}

.image-rules {
  width: 100px;
  shape-outside: polygon(
    50% 10.27%,
    76.93% 20.06%,
    88.63% 43%,
    82.63% 70.67%,
    61.94% 83.86%,
    38.06% 84.6%,
    18.12% 71.41%,
    11.36% 42.27%,
    24.58% 20.06%
  );
}

.image-green-monkey {
  width: 325px;
  shape-outside: polygon(
    3.78% 3.72%,
    94.76% 6.42%,
    96.08% 96.99%,
    26.78% 93.07%,
    22.29% 71.86%,
    6.61% 62.17%,
    9.69% 58.45%,
    28.5% 59.97%,
    21.36% 44.52%,
    33.17% 34.07%,
    28.01% 18.24%,
    3.55% 9.77%
  );
}

.image-stone-breasted-owl {
  width: 330px;
  shape-outside: polygon(
    44.48% 2.4%,
    98.75% 3.71%,
    96.96% 92.29%,
    7.26% 93.27%,
    3.92% 82.12%,
    11% 62.92%,
    24.82% 60.74%,
    22.06% 50.49%,
    24.82% 44.17%,
    24.51% 37%,
    33.98% 24.46%,
    42.97% 19.85%
  );
}

.image-sakuachi {
  width: 375px;
  shape-outside: polygon(
    19.29% 29.41%,
    20.27% 16.29%,
    32.8% 2.97%,
    99.46% 6.29%,
    98.77% 93.77%,
    47.56% 94.71%,
    18.86% 86.04%,
    4.73% 83.5%,
    14.11% 76.1%,
    4.42% 58.65%,
    9.14% 40.56%
  );
}

.image-vidric-revolutionary {
  width: 335px;
  shape-outside: polygon(
    48.37% 2.35%,
    54.93% 11.64%,
    53.68% 18.01%,
    67.84% 18.96%,
    80.27% 30.63%,
    81.32% 44.76%,
    71.12% 48.11%,
    80.66% 54.81%,
    94.01% 55.9%,
    92.1% 71.47%,
    70.03% 70.93%,
    72.49% 76.55%,
    71.67% 90.85%,
    1.36% 90.27%,
    2.29% 2.04%
  );
}

.image-vidric-revolutionary > p {
  bottom: 80px;
  right: 40px;
}

.image-firebrand-grandstander {
  width: 415px;
  shape-outside: polygon(
    51.12% 1.5%,
    99.78% 3.31%,
    97.99% 89.8%,
    34.22% 90.47%,
    34.22% 84.46%,
    22.37% 84.29%,
    22.14% 77.27%,
    36.24% 77.27%,
    27.96% 65.74%,
    22.64% 65.63%,
    2.23% 46.19%,
    6.05% 40.34%,
    29.27% 30.37%,
    21.48% 20.77%,
    29.08% 11.5%
  );
}

.image-firebrand-grandstander > p {
  bottom: 84px;
}

.image-firebrand-initiate {
  width: 180px;
  shape-outside: polygon(
    74.06% 3.55%,
    69.79% 24.62%,
    95.75% 41.82%,
    75.13% 46.27%,
    82.15% 56.05%,
    73.04% 65.51%,
    87.13% 65.98%,
    88.07% 73.67%,
    68.26% 74.06%,
    89.48% 80.76%,
    82.88% 86.28%,
    42.79% 88.84%,
    8.96% 89.11%,
    9.45% 3.92%
  );
}

.image-firebrand-initiate > p {
  bottom: 120px;
}

.image-firebrand-infiltrator {
  width: 380px;
  shape-outside: polygon(
    30.82% 4%,
    46.59% 6.47%,
    51.94% 16.51%,
    67.3% 20.05%,
    69.46% 24.52%,
    77.63% 27.38%,
    79.3% 41.97%,
    87.31% 41.4%,
    92.16% 49.6%,
    96.77% 52.84%,
    92.65% 60.46%,
    88.04% 61.03%,
    85.12% 70.75%,
    75.9% 73.42%,
    80.02% 88.86%,
    0% 88.56%,
    0.01% 3.99%
  );
}

.image-firebrand-infiltrator > p {
  bottom: 64px;
}

.image-firebrand-fashionista {
  width: 210px;
  shape-outside: polygon(
    56.61% 3.02%,
    73.5% 8.66%,
    76.03% 19.62%,
    83.67% 21.23%,
    85.35% 33.84%,
    94.81% 52.93%,
    81.62% 55.74%,
    70.88% 55.57%,
    63.43% 78.79%,
    86.59% 78.81%,
    86.16% 85.15%,
    64.27% 85.15%,
    64.26% 91.2%,
    1.65% 90.87%,
    6.26% 3.89%
  );
}

.image-firebrand-fashionista > p {
  bottom: 80px;
}

.image-bellflower-tiller {
  width: 280px;
  shape-outside: polygon(
    61.22% 3.71%,
    70.18% 8.1%,
    67.95% 19.2%,
    86.95% 18.87%,
    90.76% 31.12%,
    94.5% 35.22%,
    89.33% 38.2%,
    85.17% 45.03%,
    72.03% 47.76%,
    76.83% 52.63%,
    86.13% 53.22%,
    84.21% 60.63%,
    93.82% 62.98%,
    86.45% 70.59%,
    72.03% 72.54%,
    69.46% 84.05%,
    46.39% 90.29%,
    1.92% 90.22%,
    3.86% 4%
  );
}

.image-bellflower-tiller > p {
  bottom: 96px;
  right: 24px;
}

.image-hellknight {
  width: 345px;
  shape-outside: polygon(
    48.67% 3.35%,
    100.51% 5.85%,
    97.08% 89.77%,
    77.81% 90.29%,
    74.37% 86.01%,
    33% 85.45%,
    39.36% 77.43%,
    32.72% 65.89%,
    27.95% 61.79%,
    34.59% 51.17%,
    17.61% 38.87%,
    4.87% 38.13%,
    3.54% 30.31%,
    7.6% 23.05%,
    34.12% 23.6%,
    40.58% 18.22%,
    40.08% 8.46%
  );
}

.image-hellknight > p {
  bottom: 88px;
  left: 88px;
}

.image-firebrand-recruiter {
  width: 375px;
  shape-outside: polygon(
    20.49% 34.91%,
    33.23% 31.49%,
    25.26% 27.51%,
    25.02% 12.04%,
    64.73% 3.92%,
    81.57% 10.39%,
    84.85% 20.66%,
    97.56% 24.58%,
    82.11% 42.16%,
    91.34% 53.75%,
    77.56% 64.66%,
    82.97% 73.97%,
    72.21% 79.35%,
    76.07% 90.17%,
    63.67% 91.11%,
    14.74% 90.34%,
    13.59% 59.28%,
    7.94% 54.08%,
    1.66% 35.74%
  );
}

.image-firebrand-recruiter > p {
  bottom: 112px;
}

.image-tyen-ra {
  width: 305px;
  shape-outside: polygon(
    49.7% 4.14%,
    94.87% 3.56%,
    90.5% 90.72%,
    35.54% 91.35%,
    42.49% 65.31%,
    38.22% 56.73%,
    40.9% 48.45%,
    33.77% 47.06%,
    38.22% 39.09%,
    42.98% 35.71%,
    29.03% 38.17%,
    16.26% 32.64%,
    6.48% 29.88%,
    6.77% 22.51%,
    28.55% 23.21%,
    48.36% 17.68%,
    42.82% 9.85%
  );
}

.image-tyen-ra > p {
  bottom: 128px;
  left: 64px;
}

.image-giant-ainnet {
  width: 250px;
  shape-outside: polygon(
    49.65% 4.22%,
    97.9% 5.57%,
    91.49% 89.29%,
    20.6% 89.75%,
    6.06% 88.28%,
    22.37% 79.46%,
    29.82% 53.93%,
    4.88% 45.63%,
    23.84% 27.08%,
    44.65% 25.47%,
    35.82% 15.27%,
    32.96% 9.43%
  );
}

.image-giant-ainnet > p {
  bottom: 112px;
  left: 40px;
}

.image-adjeri {
  width: 245px;
  shape-outside: polygon(
    48.56% 3.59%,
    94.19% 6.91%,
    88.45% 89.87%,
    28.65% 91.77%,
    37.68% 84.73%,
    39.12% 75.75%,
    31.18% 73.35%,
    35.51% 68.86%,
    21.43% 51.95%,
    25.04% 39.36%,
    13.5% 38.17%,
    13.85% 32.03%,
    6.63% 26.93%,
    18.28% 26.93%,
    22.61% 22.75%,
    33.93% 18.15%,
    34.33% 9.6%
  );
}

.image-adjeri > p {
  bottom: 96px;
  left: 56px;
}

.image-anvil {
  width: 360px;
  shape-outside: polygon(
    29.84% 3.59%,
    90.14% 9.48%,
    93.37% 87.92%,
    62.87% 90.04%,
    58.54% 87.16%,
    26.39% 88.24%,
    25.12% 84.29%,
    34.81% 80.15%,
    31.75% 67.76%,
    3.2% 57.23%,
    17.2% 28.84%,
    11.36% 27.68%,
    13.01% 20.18%,
    25.16% 11.82%
  );
}

.image-anvil > p {
  bottom: 96px;
  left: 56px;
}

.image-kawkisk {
  width: 280px;
  shape-outside: polygon(
    60.58% 4.11%,
    67.29% 9.74%,
    75.32% 11.98%,
    63.55% 20.49%,
    90.12% 20.92%,
    91.62% 44.33%,
    67.21% 44.93%,
    76.19% 62.79%,
    72.98% 69.17%,
    82.92% 80.87%,
    93.82% 86.63%,
    0% 86.34%,
    9.63% 6.66%
  );
}

.image-kawkisk > p {
  bottom: 80px;
  right: 32px;
}

.image-yellick-broadcoat {
  width: 275px;
  shape-outside: polygon(
    44.46% 3.47%,
    98.31% 5.4%,
    99.02% 84.86%,
    9.97% 90%,
    16.48% 79.57%,
    25.93% 62.37%,
    40.91% 43.09%,
    35.7% 35.27%,
    18.16% 37.12%,
    5.94% 23.39%,
    6.98% 15.46%,
    16.29% 13.64%,
    20.58% 5.92%
  );
}

.image-yellick-broadcoat > p {
  bottom: 128px;
  left: 8px;
}

.image-dewdrops {
  width: 400px;
  shape-outside: polygon(
    43.29% 6.12%,
    54.53% 20.62%,
    85.41% 31.05%,
    78.95% 36.86%,
    84.9% 49.69%,
    95.66% 68.59%,
    78.92% 69.66%,
    77.3% 80.23%,
    46.51% 81.06%,
    44.66% 86.34%,
    1.62% 80.25%,
    1.26% 5.61%
  );
}

.image-dewdrops > p {
  bottom: 56px;
  right: 32px;
}

.image-devrin-arlos {
  width: 245px;
  shape-outside: polygon(
    52.89% 3.68%,
    53.04% 14.72%,
    65.34% 19.31%,
    78.48% 32.87%,
    63.3% 37.26%,
    72.44% 57.91%,
    73.87% 76.24%,
    93% 91.12%,
    72.78% 95.29%,
    3.61% 95.66%,
    0.75% 3.52%
  );
}

.image-iqani-truthspinner {
  width: 255px;
  shape-outside: polygon(
    39.2% 3.33%,
    95.89% 7.61%,
    83.63% 92.3%,
    26.41% 95.02%,
    9.34% 90.46%,
    21.88% 69.41%,
    19.79% 56.25%,
    7.02% 56.14%,
    16.67% 34.73%,
    14.01% 28%,
    23% 20.72%,
    20.83% 7.61%
  );
}

.image-ishii-bunji {
  width: 315px;
  shape-outside: polygon(
    58.93% 5.14%,
    56.2% 12.76%,
    56.77% 22.83%,
    66.91% 28.34%,
    77.51% 50.72%,
    77.53% 59.28%,
    96.2% 80.66%,
    69.73% 80.1%,
    73.48% 91.7%,
    61.95% 94.56%,
    4.6% 91.52%,
    5.76% 5.53%
  );
}

.image-karthival {
  width: 530px;
  shape-outside: polygon(
    64.23% 3.64%,
    98.48% 6.42%,
    95.2% 89.1%,
    33.68% 93.29%,
    18.03% 90.39%,
    9.84% 88.44%,
    6.47% 81.89%,
    11.44% 60.53%,
    7.68% 57.05%,
    3% 38.36%,
    6.71% 23.16%,
    18.68% 11.21%,
    31.77% 7.39%
  );
}

.image-bruyaru-dhorem {
  width: 360px;
  shape-outside: polygon(
    53.57% 5.36%,
    58.51% 9%,
    59.95% 20.91%,
    63.9% 32.32%,
    91.98% 49.81%,
    92.96% 64.61%,
    96.57% 67.28%,
    81.26% 74.14%,
    60.34% 77.36%,
    48.86% 77.79%,
    48.1% 85.08%,
    52.69% 92.8%,
    -0.25% 93.41%,
    4.5% 4.71%
  );
}

.image-passenger {
  width: 185px;
  shape-outside: polygon(
    42.17% 2.16%,
    90.37% 3.51%,
    96.31% 96.26%,
    75.57% 96.57%,
    69.58% 90.96%,
    18.43% 90.38%,
    33.17% 84.05%,
    18.69% 52.93%,
    6.19% 50.2%,
    21.21% 21.29%,
    41.01% 17.38%,
    32.21% 5.38%
  );
}

.image-ranik-helt {
  width: 305px;
  shape-outside: polygon(
    53.27% 2.89%,
    64.9% 14.17%,
    67.95% 20.72%,
    93.7% 22.76%,
    94.11% 27.01%,
    90.75% 29.55%,
    87.89% 43.78%,
    83.15% 47.04%,
    73.36% 76.56%,
    69.5% 77.28%,
    66.83% 83.62%,
    82.25% 89.42%,
    35.37% 93.4%,
    0.3% 93.35%,
    4.83% 3.67%
  );
}

.image-sapphire-butterfly {
  width: 395px;
  shape-outside: polygon(
    95.2% 7.83%,
    89.32% 92.94%,
    6.55% 90.87%,
    19.76% 75.17%,
    44.81% 59.96%,
    33.64% 50.83%,
    7.41% 54.72%,
    25.76% 30.16%,
    5.29% 4.82%
  );
}

.image-shensen {
  width: 345px;
  shape-outside: polygon(
    47.08% 2.32%,
    50.64% 15.97%,
    56.76% 16.01%,
    65.62% 33.12%,
    72.24% 32.43%,
    76.03% 39.22%,
    59.58% 58.96%,
    68.86% 66.08%,
    85.05% 66.41%,
    82.39% 71.05%,
    95.92% 75.52%,
    90.62% 81.31%,
    69.13% 87.11%,
    57.99% 86.94%,
    48.71% 90.25%,
    35.71% 94.9%,
    1.06% 94.67%,
    2.41% 2.89%
  );
}

.image-shimali-manux {
  width: 375px;
  shape-outside: polygon(
    65.97% 2.55%,
    94.79% 3.49%,
    91.16% 94.21%,
    74.35% 94.49%,
    58.38% 90.41%,
    66.98% 85.99%,
    66.73% 82.42%,
    58.63% 81.91%,
    39.95% 68.64%,
    34.06% 67.95%,
    15.88% 59.45%,
    4.58% 57.41%,
    44.87% 45.5%,
    15.18% 42.66%,
    57.55% 35.01%,
    58.83% 30.02%,
    50.12% 22.92%,
    58.27% 10.98%
  );
}

.image-silverspice-zzapo {
  width: 395px;
  shape-outside: polygon(
    52.57% 3.83%,
    59.81% 15.1%,
    70.96% 22.05%,
    67.07% 35.38%,
    75.26% 41.9%,
    64.32% 45.72%,
    95.23% 84.92%,
    33.25% 85.63%,
    27.64% 95.27%,
    4.45% 93.45%,
    2.48% 6.54%
  );
}

.image-vulmia-manux {
  width: 285px;
  shape-outside: polygon(
    49.05% 3.11%,
    91.83% 4.84%,
    89.27% 95.14%,
    74.76% 94.35%,
    70.97% 88.9%,
    19.56% 88.59%,
    32.8% 82.37%,
    33.12% 67.27%,
    29.96% 59.01%,
    31.41% 37.9%,
    13.07% 27.63%,
    8.52% 16.37%,
    44.48% 14.67%,
    41.92% 8.11%
  );
}

.image-firebrand-trainer {
  width: 360px;
  shape-outside: polygon(
    36.99% 4.25%,
    49.58% 9.99%,
    59.69% 9.02%,
    61.86% 14.96%,
    56.78% 19.74%,
    58.53% 29.13%,
    73.34% 25.24%,
    58.54% 43.35%,
    55.48% 51.84%,
    70.79% 59.89%,
    94.51% 56.98%,
    92.73% 68.61%,
    58.54% 75.54%,
    63.14% 86.05%,
    1.02% 86.15%,
    1.44% 3.95%
  );
}

.image-firebrand-trainer > p {
  bottom: 72px;
  right: 64px;
}

.image-firebrand-jirelle {
  width: 320px;
  shape-outside: polygon(
    45.17% 2.17%,
    92.09% 4.41%,
    94.6% 95.93%,
    53.38% 95.88%,
    52.24% 79.25%,
    41.16% 80.34%,
    38.45% 62.61%,
    11.83% 64.95%,
    3.44% 58.13%,
    42.05% 40.29%,
    33.76% 23.56%
  );
}

.image-firebrand-celebrity {
  width: 375px;
  shape-outside: polygon(
    94.23% 3.98%,
    87.18% 17.89%,
    86.73% 25.49%,
    81.96% 29.77%,
    95.76% 32.68%,
    74.75% 38.72%,
    83.14% 48.72%,
    91.99% 51.57%,
    89.04% 60.17%,
    88.79% 84.84%,
    73.81% 86.75%,
    72.82% 91.21%,
    4.42% 90.43%,
    8.89% 11.68%
  );
}

.image-firebrand-celebrity > p {
  bottom: 112px;
}

.image-firebrand-scout {
  width: 335px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-poison-ring {
  width: 160px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-scroll-belt {
  width: 305px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
}

.image-armored-cloak {
  width: 275px;
  shape-outside: polygon(
    26.55% 5.35%,
    89.19% 7.39%,
    93.81% 85.07%,
    38.29% 89.07%,
    18.42% 85.57%,
    17.44% 82.8%,
    7.74% 82.65%,
    6.92% 76.19%,
    13.82% 75.6%,
    7.49% 49.09%,
    20.91% 23.07%
  );
}
.image-armored-cloak > p {
  bottom: 80px;
  right: 64px;
}

.image-wrist-launcher {
  width: 145px;
  shape-outside: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    88.35% 79.82%,
    88.9% 93.18%,
    10.53% 94.09%,
    9.95% 78.45%,
    0% 43%,
    17% 12%
  );
}

.image-dagger-of-teleportation {
  width: 365px;
  shape-outside: polygon(
    93.32% 11.11%,
    95.09% 57.25%,
    94.46% 88.25%,
    83.17% 88.28%,
    74.55% 84.78%,
    73.06% 74.91%,
    50.84% 56.61%,
    45.34% 54.93%,
    4.9% 9.53%
  );
}

.image-boots-of-free-running {
  width: 305px;
  shape-outside: polygon(
    38.13% 7.47%,
    93.38% 7.45%,
    91.1% 91.39%,
    42.96% 85.8%,
    41.59% 75.65%,
    5% 69.47%,
    7.19% 52.99%,
    22.85% 49.49%,
    38.07% 32.46%
  );
}

.image-diver_s-glove {
  width: 305px;
  shape-outside: polygon(
    41.69% 5.23%,
    90.72% 11.08%,
    95.25% 92.85%,
    77.98% 93.08%,
    63.25% 77.54%,
    59.3% 59.69%,
    35.08% 47.54%,
    13.06% 30.38%,
    3.34% 15.38%
  );
}

.image-pipe-of-dancing-smoke {
  width: 280px;
  shape-outside: polygon(
    31.41% 6.31%,
    95.5% 11.71%,
    91.03% 89.47%,
    51.05% 91.77%,
    33.71% 92.54%,
    32.64% 57.54%,
    19.14% 50.75%,
    6.41% 28.94%,
    17% 12%
  );
}

.image-firebrand-mage {
  width: 300px;
  shape-outside: polygon(
    95.67% 6.28%,
    95.12% 90.5%,
    54.77% 91.36%,
    15.21% 80.72%,
    1.98% 59.39%,
    6.68% 45.78%,
    4.92% 32.57%,
    12.55% 21.23%,
    5.1% 5.3%
  );
}

.image-firebrand-priest {
  width: 350px;
  shape-outside: polygon(
    64.14% 5.16%,
    93.47% 7.19%,
    94.5% 93.94%,
    80.92% 94.2%,
    78.82% 89.75%,
    31.7% 90.11%,
    29.87% 87.44%,
    39.82% 83.52%,
    36.41% 68.38%,
    50.03% 53.24%,
    3.86% 37.13%,
    6.61% 28.58%,
    44.74% 35.61%,
    40.84% 20.03%,
    47.89% 9.15%
  );
}

.image-firebrand-instigator {
  width: 390px;
  shape-outside: polygon(
    21.09% 4.48%,
    32.29% 9.08%,
    47.39% 7.15%,
    57.51% 16.24%,
    52.83% 26.95%,
    86.27% 24.8%,
    90.36% 30.47%,
    94.38% 31.63%,
    92.72% 62.42%,
    70.92% 62.22%,
    69.5% 73.52%,
    54.1% 74.3%,
    57.89% 78.78%,
    64.52% 81.3%,
    56.71% 84.62%,
    22.82% 82.09%,
    24.71% 87.93%,
    2.13% 87.42%,
    5.86% 4.01%
  );
}

.image-firebrand-instigator > p {
  bottom: 120px;
}

.image-firebrand-smuggler {
  width: 430px;
  shape-outside: polygon(
    50.65% 4.99%,
    60.71% 9.23%,
    52.16% 19.91%,
    61.32% 35.34%,
    67.35% 38.13%,
    65.33% 42.74%,
    72.24% 44.76%,
    82.41% 64.52%,
    95.19% 65.81%,
    82.41% 81.14%,
    72.24% 84.47%,
    53.41% 81.7%,
    51.02% 89.83%,
    -0.06% 89.08%,
    0% 43%,
    2.07% 4.8%
  );
}

.image-firebrand-smuggler > p {
  bottom: 120px;
  right: 64px;
}

.image-tilri-venler {
  width: 385px;
  shape-outside: polygon(
    93.89% 3.81%,
    93.79% 87.61%,
    65.73% 88.46%,
    34.8% 84.44%,
    35.99% 66.22%,
    6% 69.9%,
    8.87% 58.94%,
    19.08% 52.56%,
    26.24% 42.4%,
    25.18% 20.82%,
    17.03% 19.49%,
    15.08% 4.59%
  );
}

.image-tilri-venler > p {
  bottom: 104px;
  left: 56px;
}

.image-hakasha {
  width: 385px;
  shape-outside: polygon(
    57.19% 3.47%,
    101.94% 7.42%,
    94.49% 90.04%,
    53% 90.32%,
    47.49% 87.32%,
    44.85% 80.22%,
    25.42% 83.06%,
    18.95% 72.49%,
    30.94% 64.91%,
    36.45% 50.39%,
    30.46% 49.44%,
    27.1% 41.7%,
    13.43% 40.92%,
    10.56% 38.39%,
    14.04% 34.34%,
    8.5% 30.39%,
    6% 19.76%,
    18.95% 4.49%,
    53.93% 8.05%
  );
}

.image-hakasha > p {
  bottom: 80px;
  left: 40px;
}

.image-landry-final {
  width: 285px;
  shape-outside: polygon(
    43.38% 2.68%,
    94.67% 4.68%,
    95.27% 89.78%,
    37.85% 89.78%,
    32.18% 84.6%,
    21.77% 83.89%,
    14.2% 80.85%,
    12.62% 74.96%,
    5.04% 66.57%,
    15% 61.61%,
    14.02% 34.29%,
    25.24% 20.32%,
    35.96% 16.21%,
    35.93% 8.96%
  );
}

.image-landry-final > p {
  bottom: 88px;
  left: 16px;
}

.image-lucky-twelves {
  width: 360px;
  shape-outside: polygon(
    54.6% 2.54%,
    95.76% 4.11%,
    95.41% 91.8%,
    56.25% 92.05%,
    41.96% 84.83%,
    49.36% 79.74%,
    36.35% 71.72%,
    23.34% 72.26%,
    37.37% 45.51%,
    28.69% 44.58%,
    32.52% 40.7%,
    24.11% 35.35%,
    37.62% 31.07%,
    22.06% 31.88%,
    15.68% 28.8%,
    19.28% 23.92%,
    16.18% 19.37%,
    4.98% 15.96%,
    15.82% 12.65%,
    48.12% 11.6%
  );
}

.image-lucky-twelves > p {
  bottom: 120px;
  left: 60px;
}

.image-ambre {
  width: 300px;
  shape-outside: polygon(
    32.83% 2.35%,
    92.04% 6%,
    93.37% 90.61%,
    49.12% 91.44%,
    32.25% 88.57%,
    30.74% 77.75%,
    39.78% 65.75%,
    28.54% 65.56%,
    26.88% 44.17%,
    6.6% 34.96%,
    15.66% 18.87%,
    20.92% 9.13%
  );
}

.image-ambre > p {
  bottom: 80px;
}

.image-faiza {
  width: 315px;
  shape-outside: polygon(
    46.25% 3.21%,
    55.91% 8.65%,
    50.72% 16.62%,
    63.16% 20.29%,
    73.19% 32.97%,
    92.52% 39.23%,
    92.75% 70.27%,
    64.22% 68.81%,
    81.5% 83.53%,
    91.31% 86.01%,
    85.83% 89.22%,
    55.28% 91.99%,
    2.59% 91.81%,
    8.93% 3.69%
  );
}

.image-faiza > p {
  bottom: 72px;
}

.image-hesteric-grimgleam {
  width: 365px;
  shape-outside: polygon(
    84.26% 3.83%,
    94.08% 10.26%,
    93.45% 18.65%,
    77.63% 22.87%,
    86.14% 37.74%,
    82.63% 43.13%,
    68.97% 43.39%,
    66.45% 49.3%,
    80.81% 64.43%,
    66.7% 64.26%,
    65.7% 70.34%,
    70.99% 70.69%,
    69.73% 76.6%,
    61.16% 76.6%,
    57.89% 80.26%,
    64.44% 84.6%,
    50.83% 84.96%,
    49.57% 88.78%,
    41.01% 89.83%,
    -0.5% 87.7%,
    4.91% 9.74%
  );
}

.image-hesteric-grimgleam > p {
  bottom: 120px;
}

.image-kalshar {
  width: 255px;
  shape-outside: polygon(
    53.48% 3.58%,
    91.71% 4.69%,
    94.77% 91.05%,
    81.46% 91.13%,
    79.02% 85.01%,
    16.65% 85.76%,
    17.34% 83.22%,
    31.28% 79.49%,
    31.28% 70.99%,
    28.49% 67.55%,
    40.69% 38.16%,
    14.56% 39.8%,
    7.24% 29.21%,
    11.42% 24.73%,
    20.96% 24.8%,
    32.7% 17.49%,
    51.64% 16.67%,
    42.16% 12.86%,
    43.83% 6.92%
  );
}

.image-kalshar > p {
  bottom: 96px;
  left: 48px;
}

.image-faithful-firebrand {
  width: 380px;
  shape-outside: polygon(
    53.88% 3.08%,
    58.48% 7.68%,
    51.94% 15.24%,
    58.08% 20.47%,
    55.62% 30.13%,
    61.13% 41.39%,
    95.56% 34.51%,
    63.11% 46.69%,
    66.75% 57.95%,
    59.47% 57.49%,
    57.53% 80.16%,
    65.06% 85.1%,
    33.02% 88.49%,
    30.1% 91.27%,
    7.29% 89.72%,
    1.22% 89.88%,
    5.83% 3.36%
  );
}

.image-faithful-firebrand > p {
  bottom: 120px;
  right: 80px;
}

.image-arshea {
  width: 360px;
  shape-outside: polygon(
    59.69% 3.18%,
    83.51% 6.64%,
    93.88% 21.55%,
    95.53% 41.14%,
    84.07% 57.78%,
    70.78% 69%,
    73.09% 75.15%,
    56.51% 90.73%,
    60.34% 94.92%,
    2.8% 94.6%,
    2.2% 7.14%
  );
}

.image-besmara {
  width: 350px;
  shape-outside: polygon(
    85.08% 3.59%,
    93.21% 4.19%,
    102.62% 89.99%,
    47.66% 95.94%,
    42.68% 93.13%,
    45.82% 76.74%,
    32.47% 79.4%,
    6.03% 75.18%,
    9.17% 60.51%,
    20.17% 49.27%,
    32.14% 45.52%,
    27.29% 37.4%,
    30.61% 26.49%,
    45.03% 29.42%,
    59.67% 7.16%
  );
}

.image-calistria {
  width: 305px;
  shape-outside: polygon(
    57.12% 3.29%,
    66.68% 8.05%,
    65.58% 13.74%,
    69.96% 16.84%,
    79.57% 20.27%,
    77.1% 23.06%,
    85.82% 42.16%,
    94.08% 44.98%,
    78.35% 51.72%,
    83.39% 78.02%,
    92.89% 80.82%,
    88.14% 84.6%,
    93.48% 92.33%,
    76.57% 94.14%,
    0.9% 94.46%,
    2.46% 6.08%
  );
}

.image-cayden {
  width: 410px;
  shape-outside: polygon(
    50.46% 4.37%,
    95.9% 5.97%,
    96.61% 93.96%,
    41.5% 92.77%,
    35.85% 90.69%,
    12.32% 87.16%,
    3.72% 76.34%,
    11.19% 72.18%,
    11.87% 68.23%,
    16.39% 67.19%,
    20.92% 62.2%,
    25.89% 54.5%,
    27.48% 50.75%,
    28.18% 43.01%,
    37.88% 41.13%,
    33.38% 35.77%,
    39.59% 21.58%,
    48.9% 16.36%
  );
}

.image-chaldira {
  width: 345px;
  shape-outside: polygon(
    6.76% 4.08%,
    83% 4.98%,
    93.64% 10.41%,
    95.33% 30.02%,
    82.05% 26.45%,
    79.75% 31.43%,
    65.42% 37.49%,
    59.42% 81.25%,
    50.15% 80.11%,
    43.26% 86.67%,
    46.17% 93.46%,
    6.39% 92.79%
  );
}

.image-desna_ {
  width: 385px;
  shape-outside: polygon(
    68.71% 8.33%,
    92.11% 3.2%,
    94% 95.32%,
    41.24% 95.29%,
    36.21% 92.35%,
    39.32% 85.87%,
    33.09% 74.3%,
    16.3% 73.52%,
    16.68% 58.94%,
    20.97% 52.92%,
    13.19% 38.95%,
    11.03% 13.21%,
    3.33% 7.37%
  );
}

.image-grandmother-spider {
  width: 340px;
  shape-outside: polygon(
    48.92% 3.95%,
    57.19% 10.68%,
    52.96% 14.04%,
    74.38% 12.68%,
    74.99% 39.44%,
    93.3% 42.25%,
    84.49% 47.89%,
    69.09% 48.76%,
    80.65% 91.05%,
    42.21% 95.66%,
    6.45% 91.71%,
    8.67% 3.77%
  );
}

.image-jin-li {
  width: 455px;
  shape-outside: polygon(
    59.03% 2%,
    92.86% 3.79%,
    93.22% 90.06%,
    56.22% 94.65%,
    52.32% 81.77%,
    57.45% 65.79%,
    51.5% 58.69%,
    41.23% 60.68%,
    34.45% 61.13%,
    25.42% 53.58%,
    28.78% 47.84%,
    12.9% 48.06%,
    6% 36.49%,
    5.34% 28.79%,
    22.75% 9.78%
  );
}

.image-lubiako {
  width: 375px;
  shape-outside: polygon(
    14.86% 3.2%,
    25.26% 23.4%,
    76.17% 12.55%,
    87.37% 18.08%,
    95.27% 29.24%,
    80.89% 36.88%,
    59.56% 40.6%,
    59.71% 45.37%,
    64.62% 49.12%,
    60.94% 52.32%,
    75.92% 60.24%,
    82.56% 69.42%,
    83.54% 79.71%,
    87.96% 80.82%,
    91.65% 84.57%,
    82.31% 87.63%,
    71.01% 86.8%,
    75.18% 96.53%,
    9.34% 95.69%,
    4.96% 4.07%
  );
}

.image-marishi {
  width: 295px;
  shape-outside: polygon(
    42.97% 3.86%,
    90.64% 4.59%,
    91.13% 95.19%,
    56.39% 96.38%,
    58.84% 88.23%,
    45.69% 80.37%,
    31.32% 59.62%,
    24.28% 43.9%,
    34.06% 36.54%,
    14.57% 37.73%,
    5.69% 21.81%,
    7.95% 14.09%,
    37.8% 13.93%
  );
}

.image-milani {
  width: 375px;
  shape-outside: polygon(
    42.88% 3.25%,
    73.91% 7.39%,
    70.52% 24.04%,
    80.24% 37.85%,
    85.94% 52.17%,
    86.05% 57.29%,
    95.93% 58.35%,
    91.26% 72.53%,
    75.29% 80.05%,
    77.99% 88.42%,
    83.89% 94.4%,
    0% 95.11%,
    4.96% 6.53%
  );
}

.image-nivi {
  width: 325px;
  shape-outside: polygon(
    32.07% 4.18%,
    93.92% 5.92%,
    93% 95.25%,
    79.27% 95.25%,
    75.35% 88.22%,
    26.33% 88.22%,
    20.17% 86.51%,
    29.69% 79.86%,
    30.82% 77.01%,
    40.06% 61.24%,
    5.76% 61.66%,
    15.34% 49.08%,
    49.37% 34.64%,
    35.13% 26.7%,
    27.45% 11.84%,
    24.84% 6.68%
  );
}

.image-picoperi {
  width: 365px;
  shape-outside: polygon(
    16.75% 3.28%,
    34.64% 9.68%,
    47.1% 6.71%,
    58.74% 10.24%,
    58.93% 23.75%,
    67.26% 22.98%,
    69.48% 29.93%,
    91.65% 23.18%,
    96.19% 27.04%,
    84.6% 38.23%,
    55.63% 40.36%,
    49.08% 51.36%,
    51.6% 92.28%,
    16.84% 94.6%,
    2.27% 94.16%,
    4.91% 2.93%
  );
}

.image-thisamet {
  width: 330px;
  shape-outside: polygon(
    28.45% 2.74%,
    90.73% 4.45%,
    93.09% 94.95%,
    5.61% 94.63%,
    15.55% 88.8%,
    12.24% 63.94%,
    15.27% 53.48%,
    15% 45.25%,
    21.35% 37.88%,
    13.62% 38.56%,
    13.3% 33.82%,
    3.83% 32.45%,
    20.37% 20.05%,
    24.86% 12.82%,
    22.8% 7.71%
  );
}

.image-yelayne {
  width: 375px;
  shape-outside: polygon(
    56.39% 3.08%,
    60.4% 8.02%,
    61.67% 16.41%,
    67.96% 19.75%,
    68.49% 30.17%,
    73.03% 34.69%,
    76.52% 42.18%,
    82.17% 40.55%,
    83.64% 45.44%,
    76.27% 47.43%,
    75.54% 51.77%,
    78.73% 55.21%,
    80.69% 68.41%,
    84.87% 73.12%,
    76.27% 73.12%,
    78.73% 79.45%,
    86.84% 87.59%,
    95.44% 89.04%,
    85.61% 90.48%,
    68.66% 94.28%,
    54.16% 96.27%,
    2.95% 90.94%,
    8.4% 4.4%
  );
}

.image-firebrand-worshipper {
  width: 255px;
  shape-outside: polygon(
    63.59% 3.71%,
    65.23% 13.75%,
    72.13% 18.55%,
    72.75% 24.31%,
    84.03% 28.63%,
    92.98% 45.65%,
    80.92% 57.7%,
    85.44% 67.09%,
    85.44% 72.33%,
    93.46% 83.46%,
    52.34% 86.95%,
    2.09% 85.13%,
    7.24% 7.63%
  );
}

.image-firebrand-worshipper > p {
  bottom: 104px;
}