#hoto-vip {
  a {
    display: inline-flex;
  }

  img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    flex: 1;
  }

  #hoto-vip-services {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    & > :last-child {
      grid-column: 1/-1;
    }
  }
  #hoto-vip-protection {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    & > :first-child {
      grid-column: 1/-1;
    }
    & > :nth-of-type(5) {
      grid-column: 1/-1;
    }

    & > :last-child {
      grid-column: 1/-1;
    }
  }
}
