/* Team Members hover image swap */
.teammember-image,
.founding-member-image,
.post-image.teammembers {
  position: relative;
}

.post-image.teammembers > a {
  display: block;
  position: relative;
}

.teammember-image .teammember-image-primary,
.founding-member-image .teammember-image-primary,
.teammember-image .teammember-image-secondary,
.founding-member-image .teammember-image-secondary,
.post-image.teammembers .teammember-image-primary,
.post-image.teammembers .teammember-image-secondary {
  display: block;
  width: 100%;
  height: auto;
}

.teammember-image .teammember-image-secondary,
.founding-member-image .teammember-image-secondary,
.post-image.teammembers .teammember-image-secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

/* Only apply hover effects when secondary image exists */
.teammember-item.has-secondary-image:hover .teammember-image-secondary,
.founding-member-item.has-secondary-image:hover .teammember-image-secondary,
.post-item.has-secondary-image:hover .post-image.teammembers .teammember-image-secondary {
  opacity: 1;
}

.teammember-item.has-secondary-image:hover .teammember-image-primary,
.founding-member-item.has-secondary-image:hover .teammember-image-primary,
.post-item.has-secondary-image:hover .post-image.teammembers .teammember-image-primary {
  opacity: 0;
}