
.text-media--border-top-left{
  border-top-left-radius: 20px;
}
.text-media--border-top-right{
  border-top-right-radius: 20px;
}
.text-media--border-bottom-left{
  border-bottom-left-radius: 20px;
}
.text-media--border-bottom-right{
  border-bottom-right-radius: 20px;
}

.text-media__heading{text-align: center; margin-bottom: 4rem;}

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

.flex-wrapper__content p:has(img[style="float: left;"]),
.flex-wrapper__content p:has(img[style="float:left;"]),
.flex-wrapper__content p:has(img[style="float: right;"]),
.flex-wrapper__content p:has(img[style="float:right;"]){
  display: flow-root;
}

.text-media__image{max-width:100%; height:auto;}
.text-media__image-wrapper{display:block;}
.text-media__image-wrapper--left{text-align:left;}
.text-media__image-wrapper--center{text-align:center;}
.text-media__image-wrapper--right{text-align:right;}


[letter-animation] > span {
      display: inline-block;
      white-space: break-spaces
}

[word-animation] {
      display: inline-flex;
      flex-wrap: wrap;
      grid-gap: 1ch;
      gap: 1ch
}
      [word-animation="trampoline"] > span {
        display: inline-block;
        transform: translateY(100%);
        -webkit-animation: 
          trampoline 3s ease 
          calc(var(--index) * 150 * 1ms) 
          infinite alternate;
                animation: 
          trampoline 3s ease 
          calc(var(--index) * 150 * 1ms) 
          infinite alternate;
      }
  }



@-webkit-keyframes trampoline {
  0% {
    transform: translateY(100%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes trampoline {
  0% {
    transform: translateY(100%);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
