:root {
    --whatsapp-green: #075E54;
    --bg-body: #f0f0f0;
}

.smartphone-frame {
    position: relative;
    width: 247px;
    height: 552px;
    background-color: #000;
    border-radius: 35px;
    box-shadow: 0 0 30px rgba(0,0,0,.4),
                0 0 0 8px #333;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin:20px auto;
}

.slides-container {
    flex-grow:1;
    overflow:hidden;
    position:relative;
}

.slide-track{
    display:flex;
    height:100%;
    animation:slide-show 15s infinite ease-in-out;
}

.slide{
    width:100%;
    flex-shrink:0;
}

.slide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

@keyframes slide-show{
    0%,25%{transform:translateX(0)}
    33%,58%{transform:translateX(-100%)}
    66%,91%{transform:translateX(-200%)}
    100%{transform:translateX(0)}
}