* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body{
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    text-align: center;
}

.container {
    background-color: rgb(32, 34, 34);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.7);
    width: 90%;
    height: 439px;
    overflow: hidden;
    position: relative;
    margin: 150px auto;
    /* display: flex; */
    /* flex-direction: column; */
}

.background-image {
    width: 100%;
}

h1 {
    color: rgb(255, 255, 255);
    font-size: 3em;
    padding: 20px;
    position: absolute;
    top: 60%;
    left: 3%;
}

p {
    color: rgb(255, 255, 255);
    font-size: 1.4em;
    padding: 20px;
    position: absolute;
    top: 76%;
    left: 3%;
}

.instagram {
    text-decoration: none;
    color: black;
    font-size: 2em;
    padding: 20px;
    position: relative;
    bottom: 10vh;
}

.instagram:hover{
    color: rgb(248, 76, 133);
}

@media (max-width:720px) {
    h1 {
        font-size: 2.4em;
        top: 50%;
    }
    p {
        font-size: 1.4em;
        top: 70%;
    }
}
@media (max-width:532px) {
    h1 {
        font-size: 2em;
        top: 48%;
    }
    p {
        font-size: 1em;
        /* top: 70%; */
    }
}