.allergen-checker {
  padding: 50px 0;
}

  #inside-hero {
    background-size: cover;
    background-position: center;
    background-image: url('../img/hero/canapes.jpg');
}

#inside-hero .hero-fill {
    opacity: 0.8;
}

#inside-hero .hero-content {
  /* Apply the blur effect */
  backdrop-filter: blur(2px); /* Adjust the px value for more or less blur */
  /* padding: 40px 25px; */
}

#tags {
  color: var(--primary-color);
}