.three-column{
  position: relative;
}

.three-column img{
  width: 100%;
}

.three-column .column-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
}
.three-column .column-block .image img { 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}

.three-column .column-block .copy { padding: 20px 0; color: #212529; }

.three-column .column-block .copy .cta_button { display:block; }

.three-column-container {
  display: grid;
  padding: 0 15%;

  grid-template-columns: repeat(1, 1fr);
}

.three-column-container.span4 {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .three-column-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 10%;
  }
  .span4 {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .three-column-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 20px;
  }
  .span4 {
    width: 100% !important;

  }
  .span4 a {
    font-size: 14px !important;
  }
}

.copy {
  display: grid;
  align-items: end;
  height: 100%;
  grid-template-rows: 1fr 60px;
} 

.copy-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  flex-direction: column;
}
.copy-content p{
  margin: 0;
}

@media (max-width: 767px) {
  .three-column img {
    width: 100% !important;
    margin: 0 auto;
  }

  .copy-content {
    flex-direction: column;
  }

  .copy-content p {
    width: 100%;
  }
}