.my-text h2 {
            font-size: 2em;
            margin-bottom: 1em;
            font-weight: 700;
            text-align: center;
            letter-spacing: 0.02em;
            color: #0c276e;
        }
        
        .my-text {
            max-width: 1168px;
            padding: 0 1em;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 1024px) {
            .my-text { max-width: 638px; }
        }

.price-component {
      margin: 0;
      padding: 20px;
      font-family: sans-serif;
      background: #fff;
    }
    .price-component .container {
      display: grid;
      gap: 20px;
      justify-items: center;
      margin: 0 auto;
      max-width: 1168px;
    }
    .price-component .container {
      grid-template-columns: repeat(4, 1fr);
    }
    
     .price-component .card img {
      position: absolute;
      right: -1px;
      bottom: 4em;
      width: 64px;
       
  user-select: none;
  -webkit-user-drag: none;
    }
    
       .price-component .card {
      width: 100%;
      max-width: 260px;
      height: 320px;
      border-radius: 30px;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      position: relative;
      color: white;
      cursor: pointer;
    }
    .price-component .card-header,
    .price-component .card-footer {
      position: absolute;
      padding: 16px;
      background-color: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
      box-sizing: border-box;
      display: inline-block;
      border-radius: 20px;
      margin: 10px;
    }
    .price-component .card-header {
      top: 0;
      max-width: 75%;
    }
    .price-component .card-footer {
      bottom: 0;
    }
    .price-component .card h2 {
      margin: 0;
      font-size: 1.2em;
    }
    .price-component .card .price {
      margin: 0;
      font-size: 1.1em;
      font-weight: bold;
      text-align: right;
    }
    
    
    @media (max-width: 638px) {
      .price-component .container {
        grid-template-columns: repeat(2, 1fr) !important;
      }
      
      .price-component .card .price, .price-component .card h2 {
      font-size: 1em;
      font-weight: bold;
        }
        
        .price-component .card {
      height: 280px;
        }
    }
    @media (max-width: 1024px) {
      .price-component .container {
        grid-template-columns: repeat(3, 1fr);
      }
      .price-component .container {
      max-width: 638px;
      }
    }