tbg-ecomm-nextjs/pages-sections/yamaha/profile/profile.css

.container {
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  
  .container img {
    width: 100%;
    height: auto;
  }
  
  .container .name {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #000034;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    text-align: center;
  }

  .container .valid {
    position: absolute;
    top: 55%;
    left: 46%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #000034;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 5px;
    text-align: center;
  }

  .container .used {
    position: absolute;
    top: 10%;
    right: -10%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #ff0000;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  }

  .container .sk {
    position: absolute;
    top: 73%;
    right: -3%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #000034;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  }

  .text {
    color: #000034;
    font-size: 16px;
    font-weight: bold;
  }