.image.portrait {
    width: calc(2000% / 210);
    height: calc(3000% / 140);
}

.image.landscape {
    width: calc(3000% / 210);
    height: calc(2000% / 140);
}

/*Landscape Formats*/
#l1 {
    left: 0%;
    top: calc(-1000% / 140);
}
#l2 {
    left: calc(5000% / 210);
    top: calc(-1000% / 140);
}
#l3 {
    left: calc(10000% / 210);
    top: 0%;
}
#l4 {
    left: calc(13000% / 210);
    top: calc(-1000% / 140);
}
#l5 {
    left: calc(16000% / 210);
    top: 0%;
}
#l6 {
    left: calc(19000% / 210);
    top: calc(-1000% / 140);
}
#l7 {
    left: 0%;
    top: calc(1000% / 140);
}
#l8 {
    left: calc(5000% / 210);
    top: calc(1000% / 140);
}
#l9 {
    left: calc(8000% / 210);
    top: calc(2000% / 140);
}
#l10 {
    left: calc(13000% / 210);
    top: calc(1000% / 140);
}
#l11 {
    left: calc(16000% / 210);
    top: calc(2000% / 140);
}
#l12 {
    left: calc(-1000% / 210);
    top: calc(3000% / 140);
}
#l13 {
    left: calc(2000% / 210);
    top: calc(3000% / 140);
}
#l14 {
    left: calc(5000% / 210);
    top: calc(3000% / 140);
}
#l15 {
    left: calc(8000% / 210);
    top: calc(4000% / 140);
}
#l16 {
    left: calc(13000% / 210);
    top: calc(3000% / 140);
}
#l17 {
    left: calc(18000% / 210);
    top: calc(4000% / 140);
}
#l18 {
    left: calc(-2000% / 210);
    top: calc(5000% / 140);
}
#l19 {
    left: calc(1000% / 210);
    top: calc(5000% / 140);
}
#l20 {
    left: calc(8000% / 210);
    top: calc(6000% / 140);
}
#l21 {
    left: calc(13000% / 210);
    top: calc(5000% / 140);
}
#l22 {
    left: calc(1000% / 210);
    top: calc(7000% / 140);
}
#l23 {
    left: calc(4000% / 210);
    top: calc(8000% / 140);
}
#l24 {
    left: calc(7000% / 210);
    top: calc(8000% / 140);
}
#l25 {
    left: calc(10000% / 210);
    top: calc(8000% / 140);
}
#l26 {
    left: calc(15000% / 210);
    top: calc(7000% / 140);
}
#l27 {
    left: calc(1000% / 210);
    top: calc(9000% / 140);
}
#l28 {
    left: calc(4000% / 210);
    top: calc(10000% / 140);
}
#l29 {
    left: calc(7000% / 210);
    top: calc(10000% / 140);
}
#l30 {
    left: calc(12000% / 210);
    top: calc(10000% / 140);
}
#l31 {
    left: calc(15000% / 210);
    top: calc(9000% / 140);
}
#l32 {
    left: calc(18000% / 210);
    top: calc(9000% / 140);
}
#l33 {
    left: calc(1000% / 210);
    top: calc(11000% / 140);
}
#l34 {
    left: calc(4000% / 210);
    top: calc(12000% / 140);
}
#l35 {
    left: calc(7000% / 210);
    top: calc(12000% / 140);
}
#l36 {
    left: calc(12000% / 210);
    top: calc(12000% / 140);
}
#l37{
    left: calc(15000% / 210);
    top: calc(11000% / 140);
}
#l38 {
    left: calc(20000% / 210);
    top: calc(11000% / 140);
}
#l39 {
    left:calc(-2000% / 210);
    top: calc(13000% /140);
}
#l40 {
    left: calc(1000% / 210);
    top: calc(13000% / 140);
}
#l41 {
    left: calc(15000% / 210);
    top: calc(13000% / 140);
}
#l42 {
    left: calc(20000% / 210);
    top: calc(13000% / 140);
}

/*Portrait Formats*/
#p1 {
    left: calc(3000% / 210);
    top: 0%;
}
#p2 {
    left: calc(8000% / 210);
    top: calc(-1000% / 140);
}
#p3 {
    left: calc(11000% / 210);
    top: calc(2000% / 140);
}
#p4{ 
    left: calc(19000% / 210);
    top: calc(1000% / 140);
}
#p5 {
    left: calc(4000% / 210);
    top: calc(5000% / 140);
}
#p6 {
    left: calc(6000% / 210);
    top: calc(5000% / 140);
}
#p7{
    left: calc(11000% / 210);
    top: calc(5000% / 140);
}
#p8 {
    left: calc(16000% / 210);
    top: calc(4000% / 140);
}
#p9 {
    left: calc(18000% / 210);
    top: calc(6000% / 140);
}
#p10 {
    left: calc(20000% / 210);
    top: calc(6000% / 140);
}
#p11 {
    left: calc(-1000% / 210);
    top: calc(7000% / 140);
}
#p12 {
    left: calc(13000% / 210);
    top: calc(7000% / 140);
}
#p13 {
    left: calc(-1000% / 210);
    top: calc(10000% / 140)
}
#p14 {
    left: calc(10000% / 210);
    top: calc(10000% / 140);
}
#p15 {
    left: calc(18000% / 210);
    top: calc(11000% / 140);
}
#p16 {
    left: calc(10000% / 210);
    top: calc(13000% / 140);
}