.content-media{
  margin: var(--spacing-modules);
}
.container{

}

.content-media__flex{
  display: flex;
  gap: var(--band-xxl);
  align-items: center;
}

.content-media__flex.boxed{
  padding: var(--band-xxl);
  background: var(--background-secondary);
  border-radius: var(--border-radius-md);
  border: var(--border-secondary);
}
.content-media__flex.row-reverse{
  flex-direction: row-reverse;
}
.contant-media__content{
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--band-md);
}

.content-media ul li:before{
  left: -var(--band-sm);
}

.cmc__subtext{

}

.cmc__buttons{
  margin-top: var(--band-md);
  display: flex; 
  gap: var(--band-sm);
  flex-wrap: wrap;
}
.content-media__media{
  flex: 1 0 50%;
  aspect-ratio: 3/2
  overflow: hidden;
}
.content-media__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-sm);
}

@media(max-width:992px){
    .content-media__flex{
        gap: var(--band-xl);
    }

    .content-media__flex.boxed{
    padding: var(--band-lg);
  }
}
@media(max-width:768px){
    .content-media__flex,
    .content-media__flex.row-reverse{
        flex-direction: column;
        gap: var(--band-lg);
    }
}