.intro-content {
  display: flex;
  flex-direction: column; 
  align-items: center;
  gap: 10px; 
  margin-bottom: 0px; 
}

@media (min-width: 768px) {
  .intro-content {
    flex-direction: row; 
    justify-content: space-between;
    text-align: left;
  }
}

.intro-text {
  flex: 1; 
}

.intro-image {
  flex-shrink: 0; 
}

.intro-image img {
  width: 100%;
  max-width: 300px; 
  height: auto;
  display: block;
  margin-top:20px;
}