*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}
/*body{*/
/*    height: 100vh;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
.container1{
    width: 389px;
    max-width: 504px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    outline: 0px solid black;
}
.container1 .carousel{
    width: 100%;
    max-width: 100%;
    height: 124px;
    display: flex;
}
@keyframes opacity{
    from{
        opacity: 0.4;
    }
    to{
        opacity: 1;
    }
}
.container1 .carousel img{
    width: 161px;
    height: 100%;
}
#prev{
    position: absolute;
    top: 39%;
    left: 2%;
    padding: 3px 12px;
    cursor: pointer;
    background: white;
    outline: none;
    border: 1px solid black;
    font-size: 19px;
    font-weight: bold;
    border-radius: 50%;
    transition: .3s ease;
}
#next{
    position: absolute;
    top: 39%;
    right: 2%;
    padding: 3px 13px;
    cursor: pointer;
    background: white;
    outline: none;
    border: 1px solid black;
    font-size: 19px;
    font-weight: bold;
    border-radius: 50%;
    transition: .3s ease;
    width:5%;
}
#prev:hover , #next:hover{
    background: rgb(14, 13, 13);
    color: white;
}
.svg-inline--fa.fa-w-10{
    margin-left: -5px;
}
/*#fas fa-chevron-right {*/
/*    margin-left: 5px;*/
/*}*/