@media (min-width: 450px) {
 .mobile-contact img {
  visibility: visible;
  width: 40px;
} 
.tile-section,
.mystery-tile-section,
.local-roots-tile-section {
  overflow-y: scroll;
  display: flex;
  flex: 0 0 100%; 
  flex-direction: row;
  padding: 15px;
  gap: 15px;
  scroll-snap-type: x mandatory;
}

.tile-section::-webkit-scrollbar,
.mystery-tile-section::-webkit-scrollbar,
.local-roots-tile-section::-webkit-scrollbar {
  display: none;
}

.tile {
  flex: 0 0 350px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  color: inherit;
  scroll-snap-align: start;
}

.tile:hover {
  transform: scale(1.02);
  transition: transform 200ms ease;
}

}