.flying-pig-container {
    position: fixed;
    top: 80px; /* Adjust based on your navbar height */
    left: 0;
    width: 100%;
    height: calc(100% - 80px); /* Adjust based on your navbar height */
    overflow: hidden;
    pointer-events: none;
    z-index: 9999; /* Ensure the pigs are on top of other content */
}

.flying-pig {
    position: absolute;
    width: 100px; /* Adjust size as needed */
    cursor: pointer;
    pointer-events: auto; /* Allow interaction with the pigs */
}