.sticky-container {
	position: sticky;
	left:0;
	bottom: 0;
  right: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
}


/* need to address the img path for background images in webpack */
.hero-avatar-background {
  background-image: url("./../images/shape-blob.png");
  background-size: 200px 300px;
  background-position: center right;
  background-repeat: no-repeat;
}

/* .eleventify-section {
  &#eleventify-section-hero {
    &:nth-child(1) {
      --column-count: repeat(1, 1fr);
      --max-width: 100%;
      --padding: 0;
      --gap: 0;
    }
    &:nth-child(2) {
      --column-count: 1fr 1fr;
      &:nth-child(2) {
        --align-items: center;
        --justify-content: center;
      }
    }
  }
}
 */