.responsible-intro {
  max-width: 720px;
}

.responsible-layout {
  align-items: flex-start;
}

.responsible-content {
  display: flex;
  flex-direction: column;
}

.responsible-content section + section {
  margin-top: var(--space-6);
}

.responsible-cta {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--gray-200);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.responsible-aside {
  position: sticky;
  top: 96px;
}

.responsible-aside__card {
  height: 100%;
}

.responsible-aside__media {
  margin: 0 0 var(--space-4) 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-subtle);
}

.responsible-aside__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.responsible-aside__footer {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 991px) {
  .responsible-aside {
    position: static;
    margin-top: var(--space-8);
  }
}

@media (max-width: 640px) {
  .responsible-cta {
    align-items: flex-start;
  }
}
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18022068334"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-18022068334');
</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>