/* external css: flickity.css */

* {
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
}

img {
    width: 100%;
}

.carousel {
    background: rgb(255, 255, 255);
    height: 200px;
    /* set gallery height */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel-cell {
    width: 66%;
    height: 100%;
    /* inherit height from gallery */
    margin-right: 10px;
    background: rgb(255, 255, 255);
    color: #000;
    line-height: 200px;
    font-size: 80px;
    background: rgb(240,240,240);
}


/* cell number */

.carousel-cell:before {
    display: block;
    text-align: left;
}

.img1 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    top: 150px;
    

}


.img2 {
    width: 600px;
    height: auto;
    position: absolute;
    right: 120px;
    top: 0px;
}

.img3 {
    width: 600px;
    height: auto;
    position: absolute;
    right: 120px;
    top: 150px;
}

.img4 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 0px;
}

.img5 {
    width: auto;
    height: 600px;
    position: absolute;
    right: 200px;
    top: 0px;
}

.img6 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 140px;
}

.img7 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 0px;
}

.img8 {
    width: 600px;
    height: auto;
    position: absolute;
    right: 120px;
    top: 0px;
}

.img9 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 130px;
}

.img10 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 0px;
}

.img11 {
    width: auto;
    height: 600px;
    position: absolute;
    right: 200px;
    top: 0px;
}

.img12 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 130px;
}

.img13 {
    width: 600px;
    height: auto;
    position: absolute;
    left: 120px;
    bottom: 0px;
}