<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Intro container with two background images */
.intro-container {
  position: relative;
  padding: 3rem 1.5rem;
  overflow: hidden;
}

/* Transparent overlay with two images */
.intro-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    url("https://drlaull.com/wp-content/uploads/2025/07/home-classes-300x295-1.jpg"),
    url("https://drlaull.com/wp-content/uploads/2025/07/home-classes-300x295-1.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: 420px auto, 180px auto;
  background-position: left 20px top 40px, right 20px bottom 40px;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}

/* Roboto baseline + alignment */
.intro-content {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
  color: #1a1a1a;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: justify;
}

.intro-content p {
  margin-bottom: 1.5rem;
}

.intro-content a {
  color: #0056b3;
  text-decoration: underline;
}</style>
<!-- end Simple Custom CSS and JS -->
