.ai_image {
  width: 100%;
  padding:1.5rem;
}

.ai_image img {
  width: 100%;
  /* height: auto; */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: 35rem;
  object-fit: cover;
}

.ai_text {
  width: 100%;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .ai_row {
    flex-direction: row;
    align-items: center;
  }
  .ai_row:nth-child(odd) {
    flex-direction: row;
  }
  .ai_row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .ai_image {
    flex: 1 1 45%;
  }
  .ai_text {
    flex: 1 1 45%;
  }
}


.ai_row {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  align-items: self-start ;
  gap: 2rem;
}