.p1
    {
     font-size:30px;
     font-color:white;
    }

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Pushes the image behind the text layer */
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('beach.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  will-change: transform; /* Optimizes mobile scrolling performance */
}