.sourcing-feature-mockup {
  position: relative;
  width: 100%;
  max-width: 34rem;
  aspect-ratio: 1;
  margin-inline: auto;
  overflow: hidden;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sourcing-feature-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 1;
}

@media (max-width: 768px) {
  .founder-module {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .founder-module-layout {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
  }

  .founder-module-visual {
    order: 1;
    width: 100%;
    max-width: 100%;
    margin-top: 0 !important;
  }

  .founder-module-text {
    order: 2;
    margin-top: 0 !important;
  }

  .founder-module,
  .founder-module * {
    min-width: 0;
  }
}

.sourcing-feature-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 980px;
  height: 720px;
  border: 0;
  background: transparent;
  transform: translate(-50%, -50%) scale(var(--feature-mockup-scale, 0.55));
  transform-origin: center;
  pointer-events: none;
}