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