.heroImage
{
width: 100%;
height: 25.625rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/480x2_Otter_2_15_2026-2.jpg") center top/cover no-repeat;
}
.heroCopy
{
position: absolute;
margin: 0 auto;
top: 2rem;
bottom: auto;
left: 0rem;
right: 0rem;
width: 18.5rem;
height: 8.3125rem;
background: transparent url('data:image/svg+xml,') center/contain no-repeat;
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 1));
}
@media screen and (min-width: 36rem) {
.heroImage
{
height: 34.16666667rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/1120x1.5_Otter_2_15_2026-6.jpg") center/cover no-repeat;
}
.heroCopy
{
position: absolute;
margin: 0 auto;
top: 3.125rem;
bottom: auto;
left: 0rem;
right: 0rem;
width: 23.75rem;
height: 12.4375rem;
background: transparent url('data:image/svg+xml,') center/contain no-repeat;
border-radius: .375rem;
filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
}
@media screen and (min-width: 54rem) {
.heroCopy
{
top: 2.25rem;
width: 26rem;
height: 13.625rem;
}
}