#galleyImages .carousel-inner .carousel-item{
    text-align: center;
}
#galleyImages .carousel-inner .carousel-item img{
    height: 100vh;
    width: auto;
}
#galleyImages .carousel-indicators{
    margin-left: 0;
    margin-right: 0;
    background-color: var(--red);
    padding: 1rem 0;
}
#galleyImages .carousel-indicators li{
    width: 20%;
    height: 120px;
}
#galleyImages .carousel-indicators [data-bs-target]{
    opacity: 1;
}
#galleyImages .carousel-indicators .active img{
    outline: 5px solid #FFFFFF;
}
#galleyImages .carousel-indicators li:first-of-type{
    margin: 0 .5%;
}
#galleyImages .carousel-indicators li:not(:first-of-type){
    margin: 0 1%;
}
#galleyImages .carousel-indicators li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
@media screen and (max-width: 768px){
    #galleyImages{
        top: 50%;
    }
    #galleyImages .carousel-inner .carousel-item img{
        height: 500px;
        width: 100%;
        object-fit: contain;
    }
    #galleyImages .carousel-indicators li{
        height: 50px;
    }
    #galleyImages .carousel-indicators .active img{
        outline: 2px solid #FFFFFF;
    }
}