diff --git a/src/app/app.component.html b/src/app/app.component.html
index 96e6615..b59cdc9 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -31,9 +31,13 @@
       <input type="text" class="Name" id="name1" [(ngModel)]="item.name" />
       <input type="text" class="BaseType" id="name2" [(ngModel)]="item.base" *ngIf="item.rarity.thickness === RarityThickness.TwoLine" />
       <br/>
+      <br/>
       <select id="iteminfluence" [(ngModel)]="item.influence">
         <option [class]="'col-' + influence.name.toLowerCase()" *ngFor="let influence of Influence.influences" [ngValue]="influence">{{ influence.displayName }}</option>
       </select>
+      <select id="iteminfluence" [(ngModel)]="item.influence2">
+        <option [class]="'col-' + influence.name.toLowerCase()" *ngFor="let influence of Influence.influences" [ngValue]="influence">{{ influence.displayName }}</option>
+      </select>
     </span>
     <br/>
     <br/>
@@ -45,6 +49,19 @@
         <img src="assets/ic_close_black_24px.svg" alt="X" />
       </button>
     </span>
+    <br/>
+    <br/>
+    <span class="itemsize" *ngIf="item.influence.has_background || item.influence2.has_background">
+      Item Size (For Influence Background):
+      <select id="itemsize" [(ngModel)]="item.size">
+        <option value="x1x1">1x1</option>
+        <option value="x1x2">1x2</option>
+        <option value="x1x3">1x3</option>
+        <option value="x2x1">2x1</option>
+        <option value="x2x2">2x2</option>
+        <option value="x2x3">2x3</option>
+      </select>
+    </span>
     <ul id="properties" class="properties">
       <li *ngFor='let property of item.properties;let index = index;' [class]="'prop-' + property.type.className" [attr.fields]="property.type.fields">
         <button (click)="item.removeProperty(property)" class="remove-prop nostyle" style="width: 36px; height: 36px; padding: 0;">
@@ -67,14 +84,17 @@
   <span class="disclaimer">This site is fan-made and not affiliated with Grinding Gear Games.</span>
 </div>
 <div id="canvas">
-  <div [class]="'item ' + item.rarity.name" id="item">
+  <div [class]="'item ' + item.rarity.name + ' ' + item.size + ' ' + item.influence.name + ' ' + item.influence2.name" id="item">
     <div [class]="'itemheader ' + item.rarity.thickness" id="itemheader">
-      <span class="left"><img *ngIf="item.influence.icon != 'none'" src="{{ item.influence?.icon }}" class="influence-symbol"/></span>
+      <span class="left"><img *ngIf="item.influence.icon != 'none'" src="{{ item.influence.icon }}" class="influence-symbol"/></span>
       <div class="itemheader-name">
         <span class="itemheader-name-line1" id="name1o">{{item.name}}</span>
         <span class="itemheader-name-line2" id="name2o" *ngIf="item.rarity.thickness === RarityThickness.TwoLine">{{item.base}}</span>
       </div>
-      <span class="right"><img *ngIf="item.influence.icon != 'none'" src="{{ item.influence?.icon }}" class="influence-symbol"/></span>
+      <span class="right">
+        <img *ngIf="item.influence2.icon != 'none'" src="{{ item.influence2.icon }}" class="influence-symbol"/>
+        <img *ngIf="item.influence2.icon == 'none' && item.influence.icon != 'none'" src="{{ item.influence.icon }}" class="influence-symbol"/>
+      </span>
     </div>
     <div class="itembody" id="itembody">
       <div *ngFor="let property of item.properties; let index = index;" [class]="(item.properties[index].type.className === 'sep' ? '' : 'property ') + item.properties[index].type.className">
@@ -82,8 +102,10 @@
         <span [class]="'prop-val ' + property.type.valueRenderClass" *ngIf="property.type.fields > 0" [innerHTML]="item.properties[index] | value"></span>
       </div>
     </div>
-    <div>
-      <img id="imageo" [src]="item.image" />
+    <div style="display: flex; position: relative; justify-content: center;">
+      <div class="influencebg" [class]="item.influence.name.toLowerCase()" [ngStyle]="{backgroundImage: this.getInfluenceBackground(item.influence)}"></div>
+      <div class="influencebg" [class]="item.influence2.name.toLowerCase()" [ngStyle]="{backgroundImage: this.getInfluenceBackground(item.influence2)}"></div>
+      <img id="imageo" [src]="item.image"/>
     </div>
   </div>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index c811b19..d340fb3 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -40,4 +40,11 @@ export class AppComponent implements OnInit {
       this.router.navigateByUrl('/');
     })
   }
+
+  getInfluenceBackground(influence: Influence): string {
+    if(influence.has_background) {
+      return `url("assets/backgrounds/${influence.name}${this.item.size.replaceAll("x", "_")}.png")`.toLowerCase();
+    }
+    return "";
+  }
 }
diff --git a/src/app/item-service.service.ts b/src/app/item-service.service.ts
index 8298c2a..5cbfb2e 100644
--- a/src/app/item-service.service.ts
+++ b/src/app/item-service.service.ts
@@ -3,7 +3,7 @@ import { Item } from './item';
 import { HttpClient } from '@angular/common/http';
 import { Templates } from './templates';
 import { Property, PropertyType } from './property';
-import { Rarity } from './rarity';
+import { Influence, Rarity } from './rarity';
 
 @Injectable()
 export class ItemService {
@@ -14,7 +14,16 @@ export class ItemService {
 
   reset(): Promise<Item> {
     return new Promise((resolve, reject) => {
-      resolve(this.item = Templates.get('Tabula Rasa, Simple Robe') as Item);
+      this.item = Templates.get('Tabula Rasa, Simple Robe') as Item;
+      if(Math.random() > 0.5) {
+        this.item.influence = Influence.influences[Math.floor(Math.random() * (Influence.influences.length - 2)) + 1];
+        this.item.influence2 = Influence.influences[Math.floor(Math.random() * (Influence.influences.length - 2)) + 1];
+      }
+      else {
+        this.item.influence = Influence.None;
+        this.item.influence2 = Influence.None;
+      }
+      resolve(this.item);
     })
   }
 
@@ -45,6 +54,7 @@ export class ItemService {
         name: string,
         base: string,
         image: string,
+        size: string,
         properties: Array<{
           type: string,
           name: string,
@@ -64,6 +74,7 @@ export class ItemService {
         i.name,
         i.base,
         i.image,
+        i.size,
         i.properties.map(mapper)
       );
       resolve(this.item);
diff --git a/src/app/item.ts b/src/app/item.ts
index e4a96bb..13b5f8d 100644
--- a/src/app/item.ts
+++ b/src/app/item.ts
@@ -4,6 +4,7 @@ import { Property, PropertyType } from './property';
 export class Item {
     rarity: Rarity
     influence: Influence
+    influence2: Influence
 
     name: string
     base: string
@@ -11,13 +12,17 @@ export class Item {
 
     properties: Property[]
 
-    constructor(rarity:Rarity, name:string, base:string, image:string, properties:Property[], influence?: Influence) {
+    size: string
+
+    constructor(rarity:Rarity, name:string, base:string, image:string, size: string, properties:Property[], influence?: Influence, influence2?: Influence) {
         this.rarity = rarity;
         this.name = name;
         this.base = base;
         this.image = image;
+        this.size = size;
         this.properties = properties;
         this.influence = influence || Influence.None;
+        this.influence2 = influence2 || this.influence;
     }
 
     insertPropertyAfter(property: Property) {
diff --git a/src/app/rarity.ts b/src/app/rarity.ts
index 15ab8ad..e50002a 100644
--- a/src/app/rarity.ts
+++ b/src/app/rarity.ts
@@ -1,6 +1,7 @@
 export enum RarityThickness {
     OneLine = 'single',
-    TwoLine = 'double'
+    TwoLine = 'double',
+    ThickOneLine = 'thicksingle'
 }
 
 export class Rarity {
@@ -56,6 +57,26 @@ export class Rarity {
         'unique',
         RarityThickness.TwoLine
     )
+
+    static readonly Passive: Rarity = new Rarity(
+        'passive',
+        RarityThickness.ThickOneLine
+    )
+
+    static readonly Notable: Rarity = new Rarity(
+        'notable',
+        RarityThickness.ThickOneLine
+    )
+
+    static readonly Keystone: Rarity = new Rarity(
+        'keystone',
+        RarityThickness.ThickOneLine
+    )
+
+    static readonly JewelSocket: Rarity = new Rarity(
+        'socket-jewel',
+        RarityThickness.ThickOneLine
+    )
     
     static readonly rarities: Rarity[] = [
         Rarity.Normal,
@@ -64,17 +85,31 @@ export class Rarity {
         Rarity.Prophecy,
         Rarity.Currency,
         Rarity.Rare,
-        Rarity.Unique
+        Rarity.Unique,
+        Rarity.Passive,
+        Rarity.Notable,
+        Rarity.Keystone,
+        Rarity.JewelSocket
     ]
 }
 
 export class Influence {
     readonly name: string;
     readonly icon: string;
+    private _has_background = false;
 
-    private constructor(name: string, icon?: string) {
+    public get has_background() {
+        return this._has_background;
+    }
+
+    private set has_background(value: boolean) {
+        this._has_background = value;
+    }
+
+    private constructor(name: string, icon?: string, has_background = false) {
         this.name = name;
         this.icon = icon || `assets/symbol_${name.toLowerCase()}.png`;
+        this.has_background = has_background;
     }
 
     get displayName(): string {
@@ -87,11 +122,16 @@ export class Influence {
         }
     }
 
+    private setHasBackground(has_background: boolean): Influence {
+        this.has_background = has_background;
+        return this;
+    }
+
     static readonly None = new Influence("None", "none");
 
-    static readonly Shaper = new Influence("Shaper");
+    static readonly Shaper = new Influence("Shaper").setHasBackground(true);
 
-    static readonly Elder = new Influence("Elder");
+    static readonly Elder = new Influence("Elder").setHasBackground(true);
 
     static readonly Fractured = new Influence("Fractured");
 
@@ -105,6 +145,12 @@ export class Influence {
 
     static readonly Redeemer = new Influence("Redeemer");
 
+    static readonly Replica = new Influence("Replica");
+
+    static readonly Eater = new Influence("Eater of Worlds", "assets/symbol_eater.png");
+
+    static readonly Exarch = new Influence("Searing Exarch", "assets/symbol_searing.png");
+
     static readonly influences: Influence[] = [
         Influence.None,
         Influence.Shaper,
@@ -115,5 +161,8 @@ export class Influence {
         Influence.Hunter,
         Influence.Redeemer,
         Influence.Warlord,
+        Influence.Replica,
+        Influence.Eater,
+        Influence.Exarch
     ]
 }
diff --git a/src/app/templates.ts b/src/app/templates.ts
index 058dca8..9e97248 100644
--- a/src/app/templates.ts
+++ b/src/app/templates.ts
@@ -12,6 +12,7 @@ export const Templates = [
         'Starforge',
         'Infernal Sword',
         'assets/items/Starforge_inventory_icon.png',
+        'x2x3',
         [
             new Property(
                 PropertyType.ItemType,
@@ -111,6 +112,7 @@ export const Templates = [
         'Beast Tread',
         'Titan Greaves',
         'assets/items/Titan_Greaves_inventory_icon.png',
+        'x2x2',
         [
             new Property(
                 PropertyType.StatAug,
@@ -189,13 +191,129 @@ export const Templates = [
         'Tabula Rasa',
         'Simple Robe',
         'assets/items/Tabula_Rasa_inventory_icon.png',
+        'x2x3',
         []
     ),
+    new Item(
+        Rarity.Unique,
+        "Circle of Fear",
+        "Sapphire Ring",
+        "assets/items/Circle_of_Fear_inventory_icon.png",
+        'x1x1',
+        [
+            new Property(
+                PropertyType.Affix,
+                "",
+                "10% increased Global Physical Damage",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "10% increased maximum Mana",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "-16 Chaos Damage taken",
+            ),
+            new Property(
+                PropertyType.Separator,
+                "",
+                "",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "+22 to Dexterity",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "Adds 21 to 26 Cold Damage",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "+23% to Cold Resistance",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "+53% to Cold Resistance while affected by Herald of Ice",
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "+1% to maximum Cold Resistance while affected by Herald of Ice",
+            ),
+            new Property(
+                PropertyType.Separator,
+                "",
+                ""
+            ),
+            new Property(
+                PropertyType.FlavorU,
+                "",
+                "My subordinates circled me eternally, attuned to the slightest weakness, ready to tear me apart for their own gains."
+            )
+        ],
+        Influence.Synthesised
+    ),
+    new Item(
+        Rarity.Unique,
+        "Replica Tabula Rasa",
+        "Simple Robe",
+        "assets/items/Tabula_Rasa_inventory_icon.png",
+        'x2x3',
+        [
+            new Property(
+                PropertyType.Affix,
+                "",
+                "<i>Has 4 White Sockets</i>"
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "<i>Sockets are Fully Linked</i>"
+            ),
+            new Property(
+                PropertyType.Separator,
+                "",
+                ""
+            ),
+            new Property(
+                PropertyType.Affix,
+                "",
+                "+1 to Level of All Socketed Gems"
+            )
+        ],
+        Influence.Replica
+    ),
+    new Item(
+        Rarity.Keystone,
+        "Chaos Innoculation",
+        "",
+        "",
+        'x1x1',
+        [
+            new Property(
+                PropertyType.Affix,
+                "",
+                "Maximum Life becomes 1, Immune to Chaos Damage"
+            ),
+            new Property(
+                PropertyType.FlavorU,
+                "",
+                "Give up everything in pursuit of greatness - even life itself."
+            )
+        ]
+    ),
     new Item(
         Rarity.Magic,
         "Traveler's Imperial Dyadic Resonator",
         "",
         "assets/items/Prime_Chaotic_Resonator_inventory_icon.png",
+        'x2x2',
         [
             new Property(
                 PropertyType.ItemType,
@@ -328,70 +446,6 @@ export const Templates = [
                 'Item Credit u/iz__zy'
             )
         ]
-    ),
-    new Item(
-        Rarity.Unique,
-        "Circle of Fear",
-        "Sapphire Ring",
-        "assets/items/Circle_of_Fear_inventory_icon.png",
-        [
-            new Property(
-                PropertyType.Affix,
-                "",
-                "10% increased Global Physical Damage",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "10% increased maximum Mana",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "-16 Chaos Damage taken",
-            ),
-            new Property(
-                PropertyType.Separator,
-                "",
-                "",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "+22 to Dexterity",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "Adds 21 to 26 Cold Damage",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "+23% to Cold Resistance",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "+53% to Cold Resistance while affected by Herald of Ice",
-            ),
-            new Property(
-                PropertyType.Affix,
-                "",
-                "+1% to maximum Cold Resistance while affected by Herald of Ice",
-            ),
-            new Property(
-                PropertyType.Separator,
-                "",
-                ""
-            ),
-            new Property(
-                PropertyType.FlavorU,
-                "",
-                "My subordinates circled me eternally, attuned to the slightest weakness, ready to tear me apart for their own gains."
-            )
-        ],
-        Influence.Synthesised
     )
 ].reduce(reducer, new Map<string, Item>());
 
diff --git a/src/assets/backgrounds/elder_1_1.png b/src/assets/backgrounds/elder_1_1.png
new file mode 100644
index 0000000..c4bfaf1
Binary files /dev/null and b/src/assets/backgrounds/elder_1_1.png differ
diff --git a/src/assets/backgrounds/elder_1_3.png b/src/assets/backgrounds/elder_1_3.png
new file mode 100644
index 0000000..3de3d6d
Binary files /dev/null and b/src/assets/backgrounds/elder_1_3.png differ
diff --git a/src/assets/backgrounds/elder_2_1.png b/src/assets/backgrounds/elder_2_1.png
new file mode 100644
index 0000000..e96be72
Binary files /dev/null and b/src/assets/backgrounds/elder_2_1.png differ
diff --git a/src/assets/backgrounds/elder_2_2.png b/src/assets/backgrounds/elder_2_2.png
new file mode 100644
index 0000000..6be50d4
Binary files /dev/null and b/src/assets/backgrounds/elder_2_2.png differ
diff --git a/src/assets/backgrounds/elder_2_3.png b/src/assets/backgrounds/elder_2_3.png
new file mode 100644
index 0000000..8bd37a5
Binary files /dev/null and b/src/assets/backgrounds/elder_2_3.png differ
diff --git a/src/assets/backgrounds/shaper_1_1.png b/src/assets/backgrounds/shaper_1_1.png
new file mode 100644
index 0000000..8ad4008
Binary files /dev/null and b/src/assets/backgrounds/shaper_1_1.png differ
diff --git a/src/assets/backgrounds/shaper_1_2.png b/src/assets/backgrounds/shaper_1_2.png
new file mode 100644
index 0000000..97d6463
Binary files /dev/null and b/src/assets/backgrounds/shaper_1_2.png differ
diff --git a/src/assets/backgrounds/shaper_1_3.png b/src/assets/backgrounds/shaper_1_3.png
new file mode 100644
index 0000000..0cfe8a3
Binary files /dev/null and b/src/assets/backgrounds/shaper_1_3.png differ
diff --git a/src/assets/backgrounds/shaper_2_1.png b/src/assets/backgrounds/shaper_2_1.png
new file mode 100644
index 0000000..e2b63af
Binary files /dev/null and b/src/assets/backgrounds/shaper_2_1.png differ
diff --git a/src/assets/backgrounds/shaper_2_2.png b/src/assets/backgrounds/shaper_2_2.png
new file mode 100644
index 0000000..6d97231
Binary files /dev/null and b/src/assets/backgrounds/shaper_2_2.png differ
diff --git a/src/assets/backgrounds/shaper_2_3.png b/src/assets/backgrounds/shaper_2_3.png
new file mode 100644
index 0000000..4e18692
Binary files /dev/null and b/src/assets/backgrounds/shaper_2_3.png differ
diff --git a/src/assets/itemheader_currency.png b/src/assets/headers/itemheader_currency.png
similarity index 100%
rename from src/assets/itemheader_currency.png
rename to src/assets/headers/itemheader_currency.png
diff --git a/src/assets/itemheader_gem.png b/src/assets/headers/itemheader_gem.png
similarity index 100%
rename from src/assets/itemheader_gem.png
rename to src/assets/headers/itemheader_gem.png
diff --git a/src/assets/headers/itemheader_keystone.png b/src/assets/headers/itemheader_keystone.png
new file mode 100644
index 0000000..9760623
Binary files /dev/null and b/src/assets/headers/itemheader_keystone.png differ
diff --git a/src/assets/itemheader_magic.png b/src/assets/headers/itemheader_magic.png
similarity index 100%
rename from src/assets/itemheader_magic.png
rename to src/assets/headers/itemheader_magic.png
diff --git a/src/assets/headers/itemheader_mastery.png b/src/assets/headers/itemheader_mastery.png
new file mode 100644
index 0000000..29a80ca
Binary files /dev/null and b/src/assets/headers/itemheader_mastery.png differ
diff --git a/src/assets/itemheader_normal.png b/src/assets/headers/itemheader_normal.png
similarity index 100%
rename from src/assets/itemheader_normal.png
rename to src/assets/headers/itemheader_normal.png
diff --git a/src/assets/headers/itemheader_notable.png b/src/assets/headers/itemheader_notable.png
new file mode 100644
index 0000000..a104f4b
Binary files /dev/null and b/src/assets/headers/itemheader_notable.png differ
diff --git a/src/assets/headers/itemheader_passive.png b/src/assets/headers/itemheader_passive.png
new file mode 100644
index 0000000..e6222fd
Binary files /dev/null and b/src/assets/headers/itemheader_passive.png differ
diff --git a/src/assets/itemheader_prophecy.png b/src/assets/headers/itemheader_prophecy.png
similarity index 100%
rename from src/assets/itemheader_prophecy.png
rename to src/assets/headers/itemheader_prophecy.png
diff --git a/src/assets/itemheader_rare.png b/src/assets/headers/itemheader_rare.png
similarity index 100%
rename from src/assets/itemheader_rare.png
rename to src/assets/headers/itemheader_rare.png
diff --git a/src/assets/headers/itemheader_socket.png b/src/assets/headers/itemheader_socket.png
new file mode 100644
index 0000000..6e01a67
Binary files /dev/null and b/src/assets/headers/itemheader_socket.png differ
diff --git a/src/assets/itemheader_unique.png b/src/assets/headers/itemheader_unique.png
similarity index 100%
rename from src/assets/itemheader_unique.png
rename to src/assets/headers/itemheader_unique.png
diff --git a/src/assets/symbol_eater.png b/src/assets/symbol_eater.png
new file mode 100644
index 0000000..5dc4e84
Binary files /dev/null and b/src/assets/symbol_eater.png differ
diff --git a/src/assets/symbol_replica.png b/src/assets/symbol_replica.png
new file mode 100644
index 0000000..fada635
Binary files /dev/null and b/src/assets/symbol_replica.png differ
diff --git a/src/assets/symbol_searing.png b/src/assets/symbol_searing.png
new file mode 100644
index 0000000..ac30671
Binary files /dev/null and b/src/assets/symbol_searing.png differ
diff --git a/src/styles.scss b/src/styles.scss
index 0e1fe19..7b03ef3 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -21,6 +21,7 @@ $currency: #aa9e82;
 $normal: #c8c8c8;
 $prophecy: #b54bff;
 $gem: #1aa29b;
+$passive: #f7e6ca;
 
 html, body {
   font-family: sans-serif;
@@ -300,7 +301,7 @@ ul {
            right: 0;
         }
     }
-    &.double {
+    &.double, &.thicksingle {
       background-position: center -81px;
       height: 81px;
       .left {
@@ -347,8 +348,13 @@ ul {
     width: 331.5px;
 }
   
+
 .unique-flavor {
-    display: none;
+    display: flex;
+    flex-direction: column;
+    font-style: italic;
+    line-height: 36px;
+    color: $unique;
 }
   
 .gray-flavor {
@@ -360,16 +366,14 @@ ul {
   
 %unique {
     color: $unique;
-    .unique-flavor {
-      display: flex;
-      flex-direction: column;
-      font-style: italic;
-      line-height: 36px;
-    }
     .sep {
       background-position: 0 -9px;
     }
 }
+
+%passive {
+    color: $passive;
+}
   
 @mixin unique-itemheader($url) {
     .itemheader {
@@ -383,7 +387,7 @@ ul {
   
 .unique {
     @extend %unique;
-    @include unique-itemheader("./assets/itemheader_unique.png");
+    @include unique-itemheader("./assets/headers/itemheader_unique.png");
 }
   
 %rare {
@@ -405,7 +409,7 @@ ul {
   
 .rare {
     @extend %rare;
-    @include rare-itemheader("./assets/itemheader_rare.png");
+    @include rare-itemheader("./assets/headers/itemheader_rare.png");
 }
   
 .normal {
@@ -414,10 +418,10 @@ ul {
       background-position: 0 0;
     }
     .itemheader {
-      background-image: url("./assets/itemheader_normal.png");
+      background-image: url("./assets/headers/itemheader_normal.png");
       .left,
       .right {
-        background-image: url("./assets/itemheader_normal.png");
+        background-image: url("./assets/headers/itemheader_normal.png");
       }
     }
 }
@@ -428,10 +432,10 @@ ul {
         background-position: 0 -3px;
     }
     .itemheader {
-        background-image: url("./assets/itemheader_magic.png");
+        background-image: url("./assets/headers/itemheader_magic.png");
         .left,
         .right {
-            background-image: url("./assets/itemheader_magic.png");
+            background-image: url("./assets/headers/itemheader_magic.png");
         }
     }
 }
@@ -442,10 +446,10 @@ ul {
         background-position: 0 -15px;
     }
     .itemheader {
-        background-image: url("./assets/itemheader_gem.png");
+        background-image: url("./assets/headers/itemheader_gem.png");
         .left,
         .right {
-            background-image: url("./assets/itemheader_gem.png");
+            background-image: url("./assets/headers/itemheader_gem.png");
         }
     }
     .unique-flavor {
@@ -462,10 +466,10 @@ ul {
         background-position: 0 -21px;
     }
     .itemheader {
-        background-image: url("./assets/itemheader_prophecy.png");
+        background-image: url("./assets/headers/itemheader_prophecy.png");
         .left,
         .right {
-            background-image: url("./assets/itemheader_prophecy.png");
+            background-image: url("./assets/headers/itemheader_prophecy.png");
         }
     }
     .unique-flavor {
@@ -486,10 +490,54 @@ ul {
         background-position: 0 -12px;
     }
     .itemheader {
-        background-image: url("./assets/itemheader_currency.png");
+        background-image: url("./assets/headers/itemheader_currency.png");
+        .left,
+        .right {
+            background-image: url("./assets/headers/itemheader_currency.png");
+        }
+    }
+}
+
+.passive {
+    @extend %passive;
+    .itemheader {
+        background-image: url("./assets/headers/itemheader_passive.png");
+        .left,
+        .right {
+            background-image: url("./assets/headers/itemheader_passive.png");
+        }
+    }
+}
+
+.notable {
+    @extend %passive;
+    .itemheader {
+        background-image: url("./assets/headers/itemheader_notable.png");
         .left,
         .right {
-            background-image: url("./assets/itemheader_currency.png");
+            background-image: url("./assets/headers/itemheader_notable.png");
+        }
+    }
+}
+
+.keystone {
+    @extend %passive;
+    .itemheader {
+        background-image: url("./assets/headers/itemheader_keystone.png");
+        .left,
+        .right {
+            background-image: url("./assets/headers/itemheader_keystone.png");
+        }
+    }
+}
+
+.socket-jewel {
+    @extend %passive;
+    .itemheader {
+        background-image: url("./assets/headers/itemheader_socket.png");
+        .left,
+        .right {
+            background-image: url("./assets/headers/itemheader_socket.png");
         }
     }
 }
@@ -497,6 +545,26 @@ ul {
 img {
     &#imageo {
         max-width: 156px;
+        position: relative;
+        z-index: 3;
+    }
+}
+
+.influencebg {
+    display: inline-block;
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    &.elder {
+        z-index: 2;
+    }
+    &.shaper {
+        z-index: 1;
     }
 }
 
diff --git a/tsconfig.json b/tsconfig.json
index ff06eae..47bb35b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,7 +19,7 @@
     "target": "es2020",
     "module": "es2020",
     "lib": [
-      "es2020",
+      "es2021",
       "dom"
     ]
   },