.canvass-bg {
  position: relative;
  /* Make the container relative to position the pseudo-element correctly */
  min-height: 100vh;
  /* Ensure the background covers the full height of the viewport */  
}

.canvass-bg::before {
  content: '';
  /* Necessary to create the pseudo-element */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/form-img-bg/community-img.png');
  background-size: cover;
  /* Ensure the background covers the entire area */
  background-position: center;
  /* Center the background image */
  background-repeat: no-repeat;
  /* Place the pseudo-element behind the content */
  z-index: -1;  
}

.outlined-text {
  color: white; 
  text-shadow: 
     -1px -1px 0 rgba(0, 0, 0, 0.3),  
    1px -1px 0 rgba(0, 0, 0, 0.3),
    -1px  1px 0 rgba(0, 0, 0, 0.3),
    1px  1px 0 rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1400px) {
  .column__one--h1 {
    font-size: 32px;
  }

  .column__two--p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 992px) {
  .column__one--h1 {
    font-size: 28px;
  }
}