.sky {
    background-color: skyblue;
    height: 100%;
    width: 100%;
}

.pink {
    background-color: pink;
    height: 100%;
    width: 100%;
}

body {
    background-color: rgb(77, 77, 77);
    background-image: url('/Images/pattern_background.svg');
    background-repeat: repeat;
    background-size: 100px;

    margin: 0px;
}

.content-container {
    display: flex;
    justify-content: center;
}

.content {
    width: 100%;
    max-width: 1280px;

    background-color: whitesmoke;
    box-shadow: 0px 0px 30px 10px rgb(0, 0, 0, 0.35);
    overflow-x: hidden;
}

.image-container {
    padding: 20px;
    width: 100%;
    aspect-ratio: 4/3;
    box-sizing: border-box;
}

/*SMARTPHONES*/
@media (max-width: 960px) {}