.heroImage
{
width: 100%;
height: 19.375rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2025/480x2_Duffel-Bags_5_7_2025.jpg") center/cover no-repeat;
}
.heroCopy
{
margin: 1.25rem auto 0.75rem;
padding: 0;
text-align: center;
width: 19rem;
height: 10rem;
background: url('data:image/svg+xml,') center/contain no-repeat;
}
.rescue-midblock-dry-suits
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-dry-suits-2023.jpg) center/cover no-repeat;
}
.rescue-midblock-pfds
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-pfds-2024.jpg) center/cover no-repeat;
}
.rescue-midblock-footwear
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-footwear-2023.jpg) center/cover no-repeat;
}
.rescue-midblock-throw-bags
{
background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/rescue-homepage-mid-throw-bags-2023.jpg) center/cover no-repeat;
}
.mediaStream h2
{
margin-bottom: -0.75rem;
}
@media screen and (min-width: 40rem) {
.heroImage
{
height: 33.33333333333333rem;
background: url("https://dh36nblqpps8a.cloudfront.net/homepage/2025/1120x1.5_Duffel-Bags_5_7_2025.jpg") center/cover no-repeat;
}
.heroCopy
{
top: 10rem;
width: 20rem;
height: 10.5rem;
left: 0;
right: -18rem;
margin: 0 auto;
position: absolute;
background: url('data:image/svg+xml,') center/cover no-repeat;
filter: drop-shadow(0 0 .25rem rgb(0 0 0 / .85));
}
}
@media screen and (min-width: 48rem) {
.heroCopy
{
width: 23rem;
height: 12.125rem;
right: -23rem;
}
}
@media screen and (min-width: 58rem) {
.heroCopy
{
top: 10rem;
right: -34rem;
}
}