body {
  font-family: 'Roboto', sans-serif;
  background-color: #f8fafc; /* slate-50 */
}
.hero-bg {
  background-image: linear-gradient(rgba(17, 24, 39, 0.7), rgba(17, 24, 39, 0.7)), url('https://images.pexels.com/photos/2098404/pexels-photo-2098404.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
}
.cta-bg {
  background-image: linear-gradient(rgba(139, 92, 246, 0.9), rgba(139, 92, 246, 0.9)), url('https://images.pexels.com/photos/262367/pexels-photo-262367.jpeg?auto=compress&cs=tinysrgb&w=1600');
  background-size: cover;
  background-position: center;
}