body[data-animated-headings] section[data-animated-headings] .heading-block-wrap {
   position: relative;
   display: block;
}
 body[data-animated-headings] section[data-animated-headings] li:marker {
   display: none;
}
 body[data-animated-headings] section[data-animated-headings] .heading {
   position: relative;
   display: inline-block;
   touch-action: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
 body[data-animated-headings] section[data-animated-headings] .heading h1 {
   color: #000;
   font-size: 100px !important;
}
 body[data-animated-headings] section[data-animated-headings] .img-title {
   width: auto;
   position: absolute;
   z-index: 1;
   left: 0;
   right: 0;
   top: 0;
   padding: 10px;
   color: #000;
}
 @media (min-width: 768px) {
   body[data-animated-headings] section[data-animated-headings] .img-title {
     padding: 15px;
  }
}
 body[data-animated-headings] section[data-animated-headings] .img-title p {
   margin: 0 !important;
}
 body[data-animated-headings] section[data-animated-headings] .img-container {
   position: absolute;
   transform: rotate(-10deg);
   transform-origin: 50% 50% 0px;
   display: none;
   pointer-events: none;
   max-width: 200px;
   width: 100%;
   border-radius: 24px;
   overflow: hidden;
}
 body[data-animated-headings] section[data-animated-headings] .img-container p {
   line-height: 1.4em;
}
 body[data-animated-headings] section[data-animated-headings] .img-container figure {
   border-radius: 10%;
   overflow: hidden;
   width: 100% !important;
   height: 100% !important;
}
 body[data-animated-headings] section[data-animated-headings] .img-container figure img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}