[data-component-id="amphibios:card_badge_hero_image"] {
  .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  [data-component-id="amphibios:card"] {
    width: 50%;
    .medical-card{
        width: 100%;
        padding: var(--amphibios-two-padding);
        z-index: 1;
    }
  }

  .field--name-field-preview-image img {
    max-width:70%;
  }



    @media (max-width: 1200px){
       [data-component-id="amphibios:card"] {
        width: 100%;
        }
        .field--name-field-preview-image img {
          max-width:100%;
        }
    }
}

  .views-row.even {
    [data-component-id="amphibios:card_badge_hero_image"] {
      .field--name-field-preview-image{
      text-align: right;
    }
    }
  }