.slideshow-container 
        {
        width: 95vw;
        height: 30vw;
        position: absolute;
        top:87vw;
        left:4vw;
        display:block;
        margin: 0;
        }
        img.image1 {position:absolute;
               width:25%;
               height:95%;
               left:0;
               top:0;
                }
        div.mySlides img.wiredrawing 
        {
            width:30%;
        }
        img.image2
        {
            position:absolute;
            width:25%;
            height:95%;
            left:25%;
            top:0;
        }
        img.image3
        {
            position:absolute;
            width:21%;
            height:95%;
            left:54%;
            top:0;
        }
        img.image4
        {
            position:absolute;
            width:21%;
            height:120%;
            left:75%;
            top:-6vw;
        }
        p.image1
        {
            position:absolute;
            font-size:1vw;
            font-weight:bold;
            top:96%;
            left:8vw;
            margin-bottom:2vw;
        }
        p.image2
        {
            position:absolute;
            font-size:1vw;
            font-weight:bold;
            top:96%;
            left:33vw;
            margin-bottom:2vw;
        }
        p.image3
        {
            position:absolute;
            font-size:1vw;
            font-weight:bold;
            top:96%;
            left:58vw;
            margin-bottom:2vw;
        }
        p.image4
        {
            position:absolute;
            font-size:1vw;
            font-weight:bold;
            top:96%;
            left:78vw;
            margin-bottom:2vw;
        }
        .mySlides {
        display: none;
        position:absolute;
        top:5vw;
        left:0;
        margin:0;
        width:95vw;
        height:20vw;
        }
        .mySlides a:hover
        {
            background-color:grey;
        }
        .prev, .next {
        cursor: pointer;
        display:block;
        position: absolute;
        display:block;
        top: 0;
        width: auto;
        padding:1vw;
        color: red;
        font-weight: bold;
        font-size: 2vw;
        transition: 0.6s ease;
        border-radius: 0 1vw 1vw 0;
        user-select: none;
        }
        .prev
        {
            position:absolute;
            left:44vw;
        }
        .next 
        {
        position:absolute;
        left:48vw;
        border-radius: 1vw 0 0 1vw;
        }
        .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
        }
        .numbertext {
        color: #f2f2f2;
        font-size: 1vw;
        padding: 1vw 1.5vw;
        position: absolute;
        top: 0;
        }
        .dotlist
        {
            position:absolute;
            display:block;
            left:46vw;
            top:85vw;
        }
        .dot {
        cursor: pointer;
        height: 1vw;
        width: 1vw;
        margin: 0 0.5vw;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
        }
        .active, .dot:hover 
        {
        background-color: #717171;
        }
        .fade 
        {
        animation-name: fade;
        animation-duration: 1.5s;
        }
        @keyframes fade {
        from {opacity: .4}
        to {opacity: 1}
        }