.section .media {
    flex: 1 1 50%;
    min-width: 280px;
    height: 100%;
  }

  .section .media img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3; 
  }

  .section .content {
    flex: 1 1 50%;
    padding: 28px;
  }

 

  h2{
    margin: 0 0 12px 0;
    font-size: 1.6rem;
  }

  p{
    margin: 0 0 18px 0;
    color:#374151;
  }



  @media (max-width: 768px){
    .section {
      flex-direction: column;
    }
    .section .media{
      width:100%;
      min-height: 200px;
    }
    .section .content{
      padding: 20px;
    }
  }