.font-roboto {
  font-family: 'Roboto', sans-serif;
}

/* Custom CSS for the image zoom effect */
.image-container {
  overflow: hidden;
  border-radius: 0.5rem; /* Equivalent to Tailwind's rounded-lg */
}

.zoom-on-hover:hover .image-container img {
  transform: scale(1.05);
}