.dual-card {
    max-width: 980px;
    max-width: 100%;
    margin: 0 auto;
  }

  .dual-card ul {
    padding: 0px;
    justify-content: center;
  }

  <%# .dual-card ul {
    list-style: none;
    display: grid;
    grid-template-columns: 50% 50%;
    max-width: 100%;
  } %>

  .dual-card ul li {
    background: red;
  }
  
  .dual-card ul li:first-child {
    overflow: hidden;
  }

  .dual-card ul li:first-child img {
    min-height: 100%;
    min-width: 100%;
  }

  .dual-card ul li:last-child {
    background: #f1fcfa;
    padding: 15px;
    color: white;
    border-left: none;
  }

  @media all and ( min-width : 980px ) {

    .dual-card ul {
      list-style: none;
      display: grid;
      grid-template-columns: 50% 50%;
      max-width: 100%;
    }

    .dual-card ul li:first-child, 
    .dual-card ul li:first-child img {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }

    .dual-card ul li:last-child{
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }

  }

  @media all and ( max-width : 1200px ) {

    .dual-card ul {
      list-style: none;
      display: grid;
      grid-template-columns: 100%;
      max-width: 100%;
    }
  
    .dual-card ul li:first-child, 
    .dual-card ul li:first-child img {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;

      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }

    .dual-card ul li:last-child{
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;

      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

  }