#image-google-review img {
  max-width: 350px;
  display: flex;
  margin: auto;
  margin-top: 35px;
  margin-bottom: 40px;
}

[type='radio'] {
  display: none;
}

#slider {
  height: 350px;
  position: relative;
  perspective: 50%;
  transform-style: preserve-3d;
}

#slider label {
  margin: auto;
  width: 50%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;
  border-radius: 11px;
}

.card-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  height: 238px;
}

.card {
  position: relative;
  width: 100%;
  background-color: rgb(244, 244, 244);
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  padding: 2rem;
}

.card img.user-image {
  border-radius: 50%;
}

.card img.corner-image {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 10px;
}

.card-title {
  font-weight: 500;
  font-size: 1.3rem;
  margin-top: 6px;
}

.stars {
  display: flex;
}

.stars img {
  width: 1.8rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

.user-section {
  display: flex;
  align-items: center;
  gap: 10px;
}



#s1:checked~#slide4,
#s2:checked~#slide5,
#s3:checked~#slide1,
#s4:checked~#slide2,
#s5:checked~#slide3 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
  transform: translate3d(-50%, 0px, -200px);
}

#s1:checked~#slide5,
#s2:checked~#slide1,
#s3:checked~#slide2,
#s4:checked~#slide3,
#s5:checked~#slide4 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
  transform: translate3d(-25%, 0, -100px);
}

#s1:checked~#slide1,
#s2:checked~#slide2,
#s3:checked~#slide3,
#s4:checked~#slide4,
#s5:checked~#slide5 {
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19);
  transform: translate3d(0, 0, 0);
}

#s1:checked~#slide2,
#s2:checked~#slide3,
#s3:checked~#slide4,
#s4:checked~#slide5,
#s5:checked~#slide1 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
  transform: translate3d(25%, 0, -100px);
}

#s1:checked~#slide3,
#s2:checked~#slide4,
#s3:checked~#slide5,
#s4:checked~#slide1,
#s5:checked~#slide2 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
  transform: translate3d(50%, 0, -200px);
}


@media (max-width: 736px) {
  .card{
    border-style: 10px solid black;
  }

 

  #image-google-review img {
    max-width: 80%;
    display: flex;
    margin: auto;
    align-content: flex-start;
    padding-bottom: 2rem;
  }

  .card-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    height: 320px;
    border-style: 10px solid black;
  }

  #slider label {
    width: 100%;
  }

  .stars img {
    width: 1rem;
  }

  .inner #slider{
    align-content: center;
  }

  #slider {
    width: 300px;
    margin: auto;
    position: relative;
    perspective: 50%;
    transform-style: preserve-3d;
    height: 320px;
  }

  #slider label {
    margin: auto;
    height: 50%;
    /* Mudança aqui */
    border-radius: 4px;
    position: absolute;
    top: 0;
    /* Mudança aqui */
    bottom: 0;
    /* Mudança aqui */
    cursor: pointer;
    transition: transform 0.4s ease;
    border-radius: 11px;
  }

  #s1:checked~#slide4,
  #s2:checked~#slide5,
  #s3:checked~#slide1,
  #s4:checked~#slide2,
  #s5:checked~#slide3 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(0, 50%, -200px);
  }

  #s1:checked~#slide5,
  #s2:checked~#slide1,
  #s3:checked~#slide2,
  #s4:checked~#slide3,
  #s5:checked~#slide4 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(0, 25%, -100px);
  }

  #s1:checked~#slide1,
  #s2:checked~#slide2,
  #s3:checked~#slide3,
  #s4:checked~#slide4,
  #s5:checked~#slide5 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19);
    transform: translate3d(0, 0, 0);
  }

  #s1:checked~#slide2,
  #s2:checked~#slide3,
  #s3:checked~#slide4,
  #s4:checked~#slide5,
  #s5:checked~#slide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(0, -25%, -100px);
  }

  #s1:checked~#slide3,
  #s2:checked~#slide4,
  #s3:checked~#slide5,
  #s4:checked~#slide1,
  #s5:checked~#slide2 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(0, -50%, -200px);
  }

}