.news-card .img-container img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.news-card:hover .img-container img {
  width: 110%;
  height: 110%;
}

h1,
h2,
h3,
h4 {
  color: #272727;
}

h1.light,
h2.light,
h3.light,
h4.light,
.light h1,
.light h2,
.light h3,
.light h4 {
  color: #ffffff;
}

.light p,
p.light {
  color: #dfdfdf;
}

.footprint .text {
  position: relative;
}

.footprint .text p {
  width: fit-content;
  opacity: 0%;
  transform: translateX(-100%);
  transition: all 1s;
}

.footprint.show .text p {
  transform: translateX(15px);
  opacity: 100%;
}

.footprint .text::after {
  content: " ";
  position: absolute;
  width: 2px;
  height: 0%;
  background-color: #ffdeab;
  left: 0;
  top: 0;
  opacity: 0%;
  transition: all 0.5s;
}

.footprint.show .text::after {
  opacity: 80%;
  height: 100%;
}

.footprint h3 {
  transform: translateY(-100%);
  opacity: 0%;
  transition: all 1s;
}

.footprint.show h3 {
  transform: translateY(0%);
  opacity: 100%;
}