.synvenso-carousel {
  display: grid;
  grid-template-columns: repeat(var(--carousel-columns, 3), 1fr);
  gap: var(--carousel-gap, 20px);
}

.carousel-card {
  text-align: center;
	padding-left: 16px;
	padding-right: 16px;
}


.carousel-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel-image img {
  width: 100%;
	height: 100%;
  display: block;
  object-fit: scale-down;
}

.carousel-title {
  margin-top: 10px;
  font-size: 1rem;
}

.synvenso-carousel-preview img {
  width: 100%;
  height: auto;
}

.carousel-preview-title {
  text-align: center;
  font-size: 14px;
}


@media (max-width:1024px){

.synvenso-carousel{
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:600px){

.synvenso-carousel{
    grid-template-columns:1fr;
}

}