.journey-social{
  position:relative;
  display:block;
  width:calc(100% - 128px);
  max-width:1312px;
  aspect-ratio:1312/256;
  height:auto;
  margin:80px auto;
  overflow:hidden;
  border-radius:20px;
  background:#74e08c;
}
.journey-social-background{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.journey-social>.journey-social-title{
  position:absolute;
  z-index:2;
  left:29%;
  top:15%;
  width:25%;
  height:auto;
  object-fit:contain;
}
.journey-social-content{
  position:absolute;
  z-index:2;
  left:56%;
  top:25%;
  width:42%;
  padding:0;
}
.journey-social-content h2{
  margin:0 0 24px;
  color:#244545;
  font-size:23px;
  line-height:1.18;
}
.journey-social nav{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
}
.journey-social nav a{
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#01A0D4;
}
.journey-social nav img{width:22px;height:22px}
@media(max-width:800px){
  .journey-social{
    width:calc(100% - 40px);
    aspect-ratio:auto;
    min-height:560px;
    margin:55px 20px;
    background:#74e08c;
  }
  .journey-social-background{
    height:250px;
    object-fit:cover;
    object-position:left center;
  }
  .journey-social>.journey-social-title{
    left:8%;
    top:215px;
    width:65%;
    max-width:250px;
  }
  .journey-social-content{
    left:24px;
    right:24px;
    top:auto;
    bottom:34px;
    width:auto;
  }
  .journey-social-content h2{
    margin-bottom:22px;
    font-size:25px;
    line-height:1.2;
  }
  .journey-social nav{
    display:grid;
    grid-template-columns:repeat(4,46px);
    gap:12px;
  }
}