.hero-background { background-image: url('~src/assets/connect-assets/home/dot-pattern.svg'); background-size: 20%; } @media only screen and (min-width: 960px) { .connect-dark-logo-background { background-image: url("~src/assets/connect-assets/home/connect-dark-logo.svg"); background-repeat: no-repeat; background-position: -5% 102%; background-size: 35%; } }