.collins-item{
    height: 580px;
}

.collins-img{
    height: 100%;
    width: 50%;
    object-fit: cover;
    filter:brightness(0.7)
}

.modal-body {
    text-align: justify;
    text-justify: inter-word; /* Improves spacing in some browsers */
    padding: 20px; /* Ensures text doesn't touch the edges */
}

.modal-title {
    text-align: center;
    padding: 5px;
}

/*the following is a test for the slideshow gallery added .testing to carousel-identifiers*/

.carousel-indicators.testing .thumbnail{
    height: 30%;
    width: 100vh;
    
}

.carousel-indicators.testing button.thumbnail:not(.active){
  opacity: .7;  
}

.carousel-indicators.testing{
    position: static;
}

/*This is the bottom of the carousel modal css*/