.anim-hero-composition > .anim-hero-front,
.ext-hero-composition > .ext-hero-front,
.walk-hero-composition > .walk-hero-front,
.bus-hero-composition > .bus-hero-front,
.sr-hero-composition > .sr-hero-front,
.extra-hero-composition > .extra-hero-front,
.area-hero-composition > .area-hero-front {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20690%20576%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-100%25%22%20y%3D%22-50%25%22%20width%3D%22300%25%22%20height%3D%22200%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2220%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22overlap%22%3E%3Cpath%20d%3D%22M0%2072H180V576H0Z%22%2F%3E%3C%2FclipPath%3E%3Cmask%20id%3D%22blend%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22690%22%20height%3D%22576%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200H690V576H0Z%22%2F%3E%3Cg%20clip-path%3D%22url(%23overlap)%22%3E%3Cpath%20fill%3D%22black%22%20filter%3D%22url(%23soft)%22%20d%3D%22M-100%2020H40C46%20104%20105%20156%2080%20235C55%20300%2022%20350%2032%20424C40%20495%2062%20520%20132%20536L132%20700H-100Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22white%22%20mask%3D%22url(%23blend)%22%20d%3D%22M0%200H690V576H0Z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20690%20576%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-100%25%22%20y%3D%22-50%25%22%20width%3D%22300%25%22%20height%3D%22200%25%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2220%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22overlap%22%3E%3Cpath%20d%3D%22M0%2072H180V576H0Z%22%2F%3E%3C%2FclipPath%3E%3Cmask%20id%3D%22blend%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22690%22%20height%3D%22576%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200H690V576H0Z%22%2F%3E%3Cg%20clip-path%3D%22url(%23overlap)%22%3E%3Cpath%20fill%3D%22black%22%20filter%3D%22url(%23soft)%22%20d%3D%22M-100%2020H40C46%20104%20105%20156%2080%20235C55%20300%2022%20350%2032%20424C40%20495%2062%20520%20132%20536L132%20700H-100Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22white%22%20mask%3D%22url(%23blend)%22%20d%3D%22M0%200H690V576H0Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}