.vip-program-image-container {
        overflow: hidden;
        border-radius: 15px;
        width: 600px;
        height: 400px;
        margin: 0 auto;
      }
      .vipLinks {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 70%;
        justify-content: space-evenly;
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .vipLinks > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        background-color: var(--blue-color);
        cursor: pointer;
        font-weight: bold;
        border: 2px solid black;
        border-radius: 10px;
        width: 120px;
        height: 100px;
        padding: 0 10px;
        transition: all 0.5s ease;
      }
      .vipLinks > div:hover {
        background-color: black;
        color: var(--blue-color);
      }
      /*Queries*/
      @media only screen and (max-width: 1024px) {
        .vipLinks {
          width: 100%;
          margin-top: 1rem;
          margin-bottom: 1rem;
        }
        .vipLinks > div {
          margin-bottom: 16px;
        }
      }
      @media only screen and (max-width: 720px) {
        .vip-program-image-container {
          width: 400px;
          height: 250px;
        }
      }
      @media only screen and (max-width: 420px) {
        .vip-program-image-container {
          width: 300px;
          height: 200px;
        }
        .vipLinks{
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          justify-items: center;
        }
      }