.linkedin-feature {
  height: 680px;
  min-height: 0;
  padding: 0;
  background: #eef3f3;
  overflow: hidden;
  display: block;
}

.linkedin-feature iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.social-media-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.instagram-feature {
  min-height: 680px;
  padding: 34px;
  color: white;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(2, 34, 38, .12), rgba(2, 34, 38, .94)),
    url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1000&q=88') center/cover;
}

.social-play {
  width: 68px;
  height: 68px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 50%;
  display: grid;
  place-items: center;
  padding-left: 4px;
}

.instagram-copy { display: flex; flex-direction: column; gap: 14px; }
.instagram-copy small { font: 700 10px/1.4 var(--display); letter-spacing: .16em; }
.instagram-copy strong { font: 600 clamp(30px, 3vw, 48px)/1.06 var(--display); letter-spacing: -.04em; }
.instagram-copy em { font-style: normal; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }

.facebook-feature {
  height: 680px;
  background: #eef3f3;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.facebook-feature iframe { width: 100%; height: 100%; border: 0; }

@media (max-width: 980px) {
  .linkedin-feature { height: 570px; }
  .social-media-grid { grid-template-columns: 1fr; }
  .instagram-feature, .facebook-feature { min-height: 570px; height: 570px; }
}

@media (max-width: 620px) {
  .linkedin-feature { height: 500px; padding: 0; }
  .instagram-feature, .facebook-feature { min-height: 500px; height: 500px; }
}