Dawn theme - image banner desktop only - opacity

[Ankita31]

Hi 

I have two different images on desktop and mobile. I was wondering if the opacity on desktop only is able to be amended. Currently if I do 20% it does it for both. I just need it for desktop only. Please can I get codes for mobile 0% and desktop 20%? 

[Ankita31]

@BSSCommerce-B2B are you able to help me please?

[BSSCommerce-B2B · Accepted solution]

@Ankita31 , Sorry for replying late
You can change the code i sent you before like this

<style>
@media only screen and (min-width: 990px) {
  h2.banner__heading.h2 > br {
     content: "";
     margin-right: 10px!important;
  }
  .banner__box {
    max-width: 100%!important
  }
  h2.banner__heading.h2 {
    font-size: 3rem;
  }
  #Banner-template--14328136794241__image_banner::after {
    opacity: 0.2
  }
}
</style>

It will apply for only desktop view

[Ankita31]

@BSSCommerce-B2B you are an absolute star!!! Thank you x100!