.b{
    background-image: url("backgrpund.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.h{
    color: red;
    text-align: center;
}
.he{
    color: brown;
    text-align: center;
}
.det{
    
    display:relative;
    
    justify-items: space-between;
    align-items: center;
    background:transparent;
}
.a{
    color: black;
}
.img
{     
    height: 400;
    width:250px;
    margin-right: 10px;
}
.det{
    animation: slide-right 2s forwards; /* Apply the animation */
}

@keyframes slide-right {
    from {
        transform: translateX(-80%);
    }
    to {
        transform: translateX(0);
    }
}