.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; }