@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

* {
  font-family: "Quicksand", sans-serif; /* Apply the Quicksand font to all elements */
}

.page-max-width {
  max-width: 1200px; /* Set a maximum width for the page */
  margin: 0 auto; /* Center the content horizontally */
}

.blob-image1 {
  position: absolute; /* Position the image absolutely within the grid container */
  top: 0; /* Position at the top */
  left: 0px; /* Position at the left */
  width: 400px; /* Adjust the width as needed */
  height: 300px; /* Adjust the height as needed */
  /* Replace 'your-blob-image-url' with the URL of your blob image */
  background-size: cover; /* Adjust background size to cover the container */
}

@media (max-width: 767px) {
  .blob-image1 {
    width: 230px; /* Adjust the width for smaller screens */
    height: 150px; /* Adjust the height for smaller screens */
  }
}