L_Shape_Cut_in_Right_Corner_Image

I am try creating first time for facing this issue and I am try differently but not worked, use chatGPT but not get exact answer I want.

.card-custom {
      position: relative;
      border-radius: 15px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      border: none;
      padding: 1rem;
      overflow: hidden;
      background: white;
    }
    .card-header-custom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
      margin-bottom: 1rem;
    }
    .metrics {
      padding: 1rem 0;
    }
    .metric {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0.5rem;
      font-weight: bold;
    }
    .metric:last-child {
      margin-bottom: 0;
    }