/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Full height and width for the body */
body, html {
    height: 100%;
    width: 100%;
    background-color: black;  /* Set background color to black */
}

/* Centering container */
.container {
    display: flex;
    justify-content: center;  /* Horizontally center */
    align-items: center;      /* Vertically center */
    height: 100%;
}

/* Image styling */
.container img {
    width: 20%;  /* Default size for desktop */
    max-width: 100%; /* Ensure it doesn't exceed the container */
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    .container img {
        width: 70%;  /* Larger size for smaller screens (mobile) */
    }
}