.heroImage
{
width: 100%;
height: 20.875rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/480x2_Dry-Bags_1_4_2026.jpg") center top/cover no-repeat;
}
.heroCopy
{
margin: 1.125rem auto 0.75rem;
padding: 0;
text-align: center;
width: 18rem;
height: 9.875rem;
background: transparent url('data:image/svg+xml,') center/contain no-repeat;
}
@media screen and (min-width: 36rem) {
.heroImage
{
height: 32.083333333333333rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2026/1120x1.5_Dry-Bags_1_4_2026.jpg") center/cover no-repeat;
}
.heroCopy
{
position: absolute;
margin: 0 auto;
top: 8.5rem;
left: -16.125rem;
right: 0rem;
width: 19.875rem;
height: 11.8125rem;
background: transparent url('data:image/svg+xml,') center/contain no-repeat;
border-radius: .375rem;
}
.heroImageWrapper::after {
content: none;
display: none;
}
}
@media screen and (min-width: 43rem) {
.heroCopy
{
left: -19.5rem;
}
}
@media screen and (min-width: 51rem) {
.heroCopy
{
width: 24.5rem;
height: 14.5625rem;
left: -26.75rem;
}
}