opacity of whole page changing instead of background image

hey folks I have a div with the following css
.firstBackground{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: url(../public/lakshay_background.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
but when I add
opacity: 0.5;
in the above code opacity of whole page changes instead of the background-image is there anyway by which I can change the opacity of only background-image
Was this page helpful?