.card-square {
  scroll-ansp-align: start;
  flex: 0 0 20em;
  aspect-ratio: 1 / 1;
  background-color: transparent;
  border-radius: .5em;
  text-align: center;
  align-content: center;
  border-radius: 20px;
}

.post-scroll {
  height: 100%;
  width: 100%;
  border-radius: 20px 20px 20px 20px;
}
 
 .carousel, .carousel2 {
  width: 93%
}
      
#content {
   margin-top: 10px;
}

#content-dog {
   margin-top: 10px;
   max-width: 770px;  
}
 
@media(max-width: 800px) {
 
 #content-dog {
   margin-top: 10px;
   max-width: 93vw;  
}

}

@media(max-width: 500px) {

.card-square {
  flex: 0 0,100%;
}


}

@media(max-width: 798px) {
 
 #content-dog {
   margin-top: 10px;
   max-width: 86vw;  
}

}