body, html {
    background-color:#e70b0b;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.container {
    width: 50vw;
    height: 20vh;
    position: absolute;
    left: 50vw;
    transform: translate(-50%, -100%);
    top: 50vh;
}

.button {
    border-radius: 10px;
    transform: translateX(0); /* Initialize transform for buttons */
    background-color: #e70b0b;
    text-decoration:none;
    border: 2px solid #fff9f5;
    text-align:center;
    color:white;
    padding:20px;
    padding-left: 50px;
    padding-right: 50px;
    cursor:pointer;

}
.button:hover{
 -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0.5;
}

.buttons {
    position: relative;
    left: 50%;
    transition: transform 2s ease;
    transform: translateX(-700%);
    width: fit-content;
}

#movingImage {
    transition: transform 2s ease; /* Smooth transition */
    transform: translateX(-300%);
    width: 100%;
}