body {
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-family: 'Trebuchet MS', sans-serif; */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100vw; 
    display: grid;
  place-items: center; 
  height: 90vh;
  margin: 0;
  background-color: aliceblue;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.autoslide {
    background-color: rgb(55, 54, 54);
    width: 97%;
    max-width: 550px;
    border-radius: 12px;
}

.autoslider-ctnr {
    max-width: 500px;
    padding: 0 0 25px 15px;
}

.slide {
    position: relative;
    height: 200px;
    
}

.slide img {
    border-radius: 50%;   
    object-fit: cover;
    position: absolute;
    top: -60px;        
    left: 50%;              
    transform: translateX(-50%); 
}

.content {
    height: 100%; 
    display: flex;       
    flex-direction: column; 
    justify-content: center;
    /* align-items: center;  */
    color: rgb(222, 186, 186);
    gap: 12px;
}