.bg-box{ width: 100%; height: 100%; background-image: url(../image/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; } .content-box { width: 90%; height: 55%; background-color: #ffffff; border-radius: 10px; z-index: 99; margin-top: 15%; position: relative; } .content-box img { margin-top: 10%; width: 100%; } .headImg-box { width: 80px; height: 80px; border-radius: 40px; position: absolute; top: 15px; z-index: 100; } .num-box { font-size: 1rem; margin-top: 10%; margin-bottom: 5%; font-family: fantasy } .get-btn-box { width: 65%; height: 20%; border-radius: 3%; }