.title {
    background-size: cover;
    animation: changeBackground 20s infinite;
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 40px;
}

/* To transist images through a time */
@keyframes changeBackground {
    0% {
        background-image: url('../img/home/wt3.jpg');
    }

    20% {
        background-image: url('../img/home/g2.jpg');
    }

    40% {
        background-image: url('../img/home/wt2.jpg');
    }

    60% {
        background-image: url('../img/home/st.jpg');
    }

    80% {
        background-image: url('../img/home/g4.jpg');
    }

    100% {
        background-image: url('../img/home/wt3.jpg');
    }
}

/* Declaring the size of the box */
.topic {
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 0.1px;
}

.shop-title {
    margin-top: 36vh; /* Adjust margin for smaller screens */
    margin-bottom: 36vh; /* Adjust margin for smaller screens */
    max-width: 90vw; /* Adjust max-width for smaller screens */
    font-size: 0.0001vw; /* Adjust font-size for smaller screens */
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.73), 2px 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

/* Adjustments for smaller screens */
@media only screen and (max-width: 768px) {
    .shop-title {
        font-size: 0.000005vw; /* Adjust font-size for smaller screens */
    }
}