.text-image .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-image .content {
  background-color: var(--secondary-500);
  color: var(--white-color);
}
.text-image .content h4 {
  color: var(--white-color);
  margin: 0;
  font-weight: 500;
}
.text-image .content.white-background {
  background-color: var(--white-color);
  color: var(--font-color);
}
.text-image .content.white-background h4 {
  color: var(--font-color);
}
.text-image .content.white-border-background {
  background-color: var(--white-color);
  color: var(--font-color);
  border: 1px solid var(--light-300);
}
.text-image .content.white-border-background h4 {
  color: var(--font-color);
}
.text-image .content.primary-color-background {
  background-color: var(--primary-500);
}
.text-image .content.secondary-color-background {
  background-color: var(--secondary-500);
}
.text-image .content.light-gray-background {
  background-color: var(--light-300);
  color: var(--font-color);
}
.text-image .content.light-gray-background h4 {
  color: var(--font-color);
}