.hero-section {
background-color: var(--color-primary-blue);
color: var(--color-white);
height: 40vh;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: auto 95%;
background-position: center right 1rem;
}
.logo-cbm {
width: 50%;
height: auto;
}
@media (min-width: 384px) {
.hero-section {
height: 50vh;
}
}
@media (min-width: 470px) {
.hero-section {
height: 60vh;
}
}
@media (min-width: 992px) {
.hero-section {
background-image: url('data:image/svg+xml;utf8,');
background-size: auto 90%;
background-position: center right 1.5rem;
height: 60vh;
}
.logo-cbm {
width: 20%;
}
}