body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #272b5f; /* Background color for the entire website */
}

.background-link {
    display: block;
    width: calc(100% - 40px); /* Apply padding to sides */
    height: calc(100% - 40px);
    margin: 20px; /* This margin acts as the padding around the image */
    background-size: cover;
    background-position: center;
    transition: background-image 0.5s ease-in-out;
}

/* Background image for desktop screens */
@media screen and (min-aspect-ratio: 13/9) {
    .background-link {
        background-image: url('css_bg_1.jpg');
    }
}

/* Background image for mobile screens */
@media screen and (max-aspect-ratio: 13/9) {
    .background-link {
        background-image: url('css_bg_2.jpg');
    }
}