/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.background-lottie {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;     /* Scale to cover the entire block */
    overflow: hidden;      /* Hide overflow content */
}

/* Media query for mobile screens */
@media (max-width: 768px) {
    .background-lottie {
        width: 50vw;      /* Adjust width to fit only half the screen */
        height: 100vh;     /* Set the height to the full viewport */
        left: auto;        /* Reset left positioning */
        right: 0;          /* Align to the right side of the screen */
        top: 0;            /* Align to the top */
        object-fit: cover; /* Ensure it covers the block proportionally */
        overflow: hidden;  /* Prevent overflow */
    }
}