* {
    user-select: none;
}

.carousel-wrapper {
    display: none;
    background: tan;
    border: 1px solid black;
    border-radius: 20px;
    position: absolute;
    width: 27%;
    height: 58%;
    left: 69%;
    top: 17%;
    z-index: 20;
    opacity: 0;
}

.carousel-wrapper .carousel-container {
    position: relative;
    width: 85%;
    margin: auto;
    top: 15%;
    height: 70%;
}

.carousel-wrapper .carousel-container .carousel-ul-container {
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 100%;
    margin: 0;
}

.carousel-wrapper .carousel-container .carousel-ul-container .crousel-swipe-items {
    background-image: url('images/britanica-desgin/Matching/Item.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 30%;
    margin: 2.5% 0 0 0;
    width: 90%;
    left: 5%;
    line-height: 6vw;
    font-weight: bold;
    list-style-type: none;
    display: none;
    font-size: 2vw;
    text-align: center;
    cursor: pointer;
}

.carousel-wrapper .carousel-next-button {
    background-image: url("images/carousel/arrowup.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 13%;
    height: 10%;
    margin: auto;
    top: 2%;
    left: 44%;
    cursor: pointer;
}

.carousel-wrapper .carousel-prev-button {
    background-image: url('images/carousel/arrowdown.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 13%;
    height: 10%;
    margin: auto;
    top: 88%;
    left: 44%;
    cursor: pointer;
}