.card img {
  width: 100%;
  border-radius: 8px;
}
.card img:hover {
  opacity: 0.8;
}

.card.flip img {
  transform: scaleX(-1);
}

.hero {
  display: flex;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url(https://lh3.googleusercontent.com/aida-public/AB6AXuC21qcPRkK0Ckeq--k7g6xZRpAKwvFIzW9AZ7C5FEXNwaEQk5v9twxU8DHb725vsyS38EX_VCytRCPjfcZ6UfQ38ewfRBY_DSYriftzoiLGMxO_FPB0A22DPgmbXoxZiPjg80wAQ9oGkkMhH6_07bPUvQEcOS3UCPofscCoaQsuhw4Q-qTp8MNOINbZzF3xB7kvv9dFd7Hec9iMVPghR_HI8ki_UWXpqJUrnWeqGb3Zk_NeCclY8-3_7JhDwltVvXWkfLAcE9wpjgz1);
  border-radius: 0.5rem;
  padding-bottom: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  gap: 1.5rem;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  min-height: 480px;
}

.service .grid {
  margin-top: 2rem;
}

section.cta {
  display: flex;
  flex-flow: column;
  align-items: center;
}
section.cta picture {
  width: 100%;
}
section.cta img {
  border: 1px solid #ddd;
}