.zigzag_section{
  background: #fff; 
}
.zigzag_single {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
@media screen and (min-width: 768px){ 
  .zigzag_single:nth-child(2n){
    flex-direction: row-reverse;
  }
}

.zigzag_single div {
  display: flex;
  flex-direction: column;
  width: 50%; /* Adjust width as needed */
  max-width: 100%;  
  flex: 1 1 auto; /* Ensures equal height */
  min-height: 300px; 
  padding: .7rem;
  transition: all 1s ease;
}
.image-div{
  background-size: 200%; 
}
.image-div:hover{
  background-size: 215%; 
}
.cards__card_hover h3{
  margin-bottom: 12px;
  font-size: 24px;
  color: #fff;
}
.cards__card_hover p{
  font-size: 19px;
  color: #fff;
} 
.cards__card_hover .button{
  font-size: 19px;
  background-color: transparent;
  border: 3px solid #94b7ab; 
  color: #94b7ab;
  transition: all .4s ease;
}
.cards__card_hover .button:hover{
  font-size: 19px;
  background-color: #94b7ab;
  border: 3px solid #94b7ab; 
  color: #fff;
}

@media screen and (max-width: 767px){ 
  .zigzag_single{
    flex-direction: column;
  }
  .zigzag_single div{
    width: 100%; 
  }
}
}