.c-item {
  height: 10%
  width: 10%;
}

.c-img {
  height: 100%;
  object-fit: contain
 ;
}
.coffeeimage{
  background-image: url('../images/Cardinal2.png');
  background-size: 100%;
}
.coffeeimageT {
  background-image: url('../images/Cardinal1.png');
  background-size: 100%;
}
.carousel-control-prev-icon {
  background-color:black;
border-style:solid;
border-width:2px;
border-color:black;
border-radius: 50%;
background-size: 40px;
width:4rem;
height:4rem

}

.carousel-control-next-icon {
  background-color:black;
border-style:solid;
border-width:2px;
border-color:black;
border-radius: 50%;
background-size: 40px;
width:4rem;
height:4rem
}