<div class="chart-wrapper"> <h2 class="chart-title">Character Height Lineup</h2> <div class="height-chart"> <!-- Measurement Background Grid --> <div class="measurement-lines"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="measurement-lines-half"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="lineup-scroll"> <div class="lineup-row"> <div class="character-card" style="--char-height: 150; margin-left: 0px; margin-bottom: -0px; z-index: 2;"> <div class="character-info"><span class="name">Lucia</span> <span class="height-text">160 cm</span> </div> <div class="image-box"><img class="character-image" src="Lucia.png" /></div></div> <div class="character-card" style="--char-height: 161; margin-bottom:-8px; margin-left: 10px; z-index: 2;"> <div class="character-info"><span class="name">Noire</span> <span class="height-text">161 cm</span> </div> <div class="image-box"><img class="character-image" src="Noire.png" /></div></div> <div class="character-card" style="--char-height: 194; margin-bottom:-10px; margin-left: 0px; z-index: 1;"> <div class="character-info"><span class="name">Iavir</span> <span class="height-text">183 cm</span> </div> <div class="image-box"><img class="character-image" src="Iavir.png" /></div></div> </div> </div> </div>