.ModuleGenerator-container { position: relative; width: 298px; height: 404px; } span a img { position: absolute; max-width: 100%; max-height: 100%; z-index: 1; } p span { display: block; } .ModuleGenerator-bg-light2 a img { opacity: 0.33; } .ModuleGenerator-icon a img { top: 50px; margin-right: auto; margin-left: auto; left: 0; right: 0; z-index: 10; } .ModuleGenerator-module-class a img, .ModuleGenerator-module-class-bg a img{ width: 60px; height: 60px; top: -10px; right: -10px; } .ModuleGenerator-module-class a img{ z-index: 2; } .ModuleGenerator-socket-type-box a img { width:156px; height: 68px; position: absolute; left: 23.75%; top: -14px; z-index: 4; } .ModuleGenerator-socket-type a img { width: 48px; height: 48px; top: -6px; left: 35%; z-index: 10; } .ModuleGenerator-cost { position: absolute; top: -30px; right: 35%; color: #fff; font-family: "Teko", sans-serif; font-weight: 400; font-size: 64px; z-index: 5; } .ModuleGenerator-name { position: absolute; width: 100%; top: 240px; color: #fff; text-align: center; font-family: "Noto Sans", sans-serif; font-size: 36px; font-weight: 500; line-height: 1; z-index: 2; } .ModuleGenerator-rarity a img { position: absolute; left: 25%; top: 50px; width: 148px; height: 148px; margin-left: auto; margin-right: auto; z-index: 20; } .ModuleGenerator-special-mask a img { position: absolute; z-index: 3; } .ModuleGenerator-notice { width: 298px; text-align: center; font-size: 12px; }