.feature-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1200 / 691;
  overflow: hidden;
  margin: 0 0 24px;
  border: 1px solid #e5e6e9;
  border-radius: 20px;
  background: #f3f4f6;
}

section[aria-labelledby="remember-title"] .pillar-details > article:first-child .feature-media {
  aspect-ratio: 1200 / 650;
  border: 0;
  border-radius: 0;
  background: transparent;
}

section[aria-labelledby="remember-title"] .pillar-details > article:nth-child(2) .feature-media {
  aspect-ratio: 1200 / 691;
  border: 0;
  background: transparent;
}

section[aria-labelledby="remember-title"] .pillar-details > article:nth-child(3) .feature-media {
  aspect-ratio: 1200 / 650;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.feature-media--single > img,
.feature-media--phone-trio > img,
.feature-media--safari-screenshot > img {
  mix-blend-mode: multiply;
}

.feature-media--single > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section[aria-labelledby="organize-title"] .pillar-details > article:nth-child(2) .feature-media {
  aspect-ratio: 1200 / 664;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.feature-media--phone-trio {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.feature-media--phone-trio > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-media--safari-screenshot {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.feature-media--safari-screenshot > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-media__badge {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(68px, 24%, 96px);
  aspect-ratio: 1;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #007aff;
  box-shadow: 0 10px 24px rgb(0 0 0 / 0.2), 0 2px 6px rgb(0 0 0 / 0.1);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.feature-media__badge > img {
  display: block;
  width: 60%;
  height: 60%;
}

section[aria-labelledby="organize-title"] .pillar-details > article:first-child .feature-media__badge {
  right: 0;
  left: auto;
  top: auto;
  bottom: 0;
  transform: translate(9%, 9%);
}

section[aria-labelledby="organize-title"] .pillar-details > article:first-child .feature-media {
  overflow: visible;
}

section[aria-labelledby="organize-title"] .pillar-details > article:nth-child(3) .feature-media {
  border: 0;
  border-radius: 0;
  background: transparent;
}

section[aria-labelledby="take-title"] .pillar-details article:nth-child(2) .feature-media--single > img,
section[aria-labelledby="take-title"] .pillar-details article:nth-child(3) .feature-media--single > img {
  object-position: center top;
}

.feature-media--privacy-icon {
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.feature-media--privacy-icon > img {
  display: block;
  width: min(48%, 192px);
  height: auto;
  filter: drop-shadow(0 1.2cqw 1.6cqw rgb(0 0 0 / 0.24));
  transform: translateY(16%);
}