.art_ptn_1 {
  &.type_1, &.type_2 {
    --art-ratio: 66 / 78;
    --art-image: url('../images/art/greeting-sprig-highres-v1.webp');
  }
  &.type_2 { transform: scaleX(-1); }
  &.type_3 { --art-ratio: 284 / 119; }
  &.type_4 { --art-ratio: 283 / 119; }
  &.type_5 { --art-ratio: 223 / 208; --art-fit: cover; }
  &.type_6 {
    --art-ratio: 182 / 199;
    --art-image: url('../images/art/about-branch-highres-v1.webp');
  }
  &.type_7, &.type_8 { --art-ratio: 127 / 130; }
  &.type_9, &.type_10 {
    --art-image: url('../images/art/voices-branch-highres-v1.webp');
  }
  &.type_9 { --art-ratio: 144 / 126; }
  &.type_10 { --art-ratio: 141 / 126; transform: scaleX(-1); }
  &.type_11, &.type_12, &.type_13 { --art-ratio: 195 / 94; --art-fit: cover; }
  &.type_14 {
    --art-ratio: 218 / 159;
    --art-image: url('../images/art/contact-hydrangea-highres-v1.webp');
    --art-pos: left bottom;
  }
  &.type_15 {
    --art-ratio: 143 / 114;
    --art-image: url('../images/art/contact-branch-highres-v1.webp');
    --art-pos: right bottom;
  }
  &.type_16 {
    --art-ratio: 108 / 74;
    --art-image: url('../images/art/footer-sprig-highres-v1.webp');
  }
  &.type_17, &.type_18 {
    --art-image: url('../images/art/voices-sprig-highres-v1.webp');
  }
  &.type_17 { --art-ratio: 36 / 43; }
  &.type_18 { --art-ratio: 38 / 43; transform: scaleX(-1); }
}