.slide-content{
  margin: 0 40px;
  overflow: hidden;
}
.card {
  width: 100px;
  height: 40px;
  margin: 50px auto;
  text-align: center;
  display: block;
  overflow: hidden;
}
.card img {
  width: auto;
  height: 40px;
  margin: 0 auto;
  display: block;
}

.overlay::before,
.overlay::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: -40px;
  height: 40px;
  width: 20px;
  background-color: #f09;
}
.overlay::after{
  border-radius: 0 25px 0 0;
  background-color: #FFF;
}
.swiper-navBtn{
  color: #f09!important;
  transition: color 0.3s ease;
}
.swiper-navBtn:hover{
  color: #f09;
}
.swiper-navBtn::before,
.swiper-navBtn::after{
  font-size: 20px!important;
}
.swiper-button-next{
  right: 0;
}
.swiper-button-prev{
  left: 0;
}
.swiper-pagination-bullet{
  background-color: #f09!important;
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background-color: rgb(212, 114, 173);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: inherit!important;
}
@media screen and (max-width: 768px) {
  .slide-content{
    margin: 0 10px;
  }
}
.contenedor-historia {
  display: flex;
  width: 30rem;
  height: 20rem;
}


.slide-content2{
  margin: 0;
}
.slide-content2 .card {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.slide-content2 .card img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.slide-content2 .swiper-navBtn::before,
.slide-content2.swiper-navBtn::after {
  font-size: 20px;
}
.slide-content2 .swiper-button-next2 {
  right: 0;
}
.slide-content2 .swiper-button-prev2 {
  left: 0;
}
.slide-content2 .swiper-pagination-bullet{
  background-color: rgb(77, 20, 54)!important;
  opacity: .5;
}
.slide-content2 .swiper-pagination-bullet-active{
  background-color: rgba(255, 0, 153, 1);
  opacity: 1; 
}

.swiper-pagination2 {
  width: 100%;
  margin: 10px auto 0  auto;
  overflow: visible;
  padding: 0;
  transform: translateX(0%)!important;
}
.swiper-pagination-horizontal {
  width: auto!important;
}


@media screen and (max-width: 768px) {
  .slide-content2 .slide-content{
    margin: 0 10px;
  }
  .slide-content2 .swiper-navBtn{
    display: none;
  }
}