.background-img1 {
 background-image: url("./Images/dio-coded.jpg");
 min-height: 600px;
}
  
.background-img2 {
 background-image: url("Images/background_purple_sunset1.png");
 min-height: 600px;
}
  
.background-img3 {
 background-image: url("https://68.media.tumblr.com/ac46aa24b44b5036e9200abb71f810d9/tumblr_nt5vzxV6Us1ud7rr3o1_1280.jpg");
 min-height: 600px;
}
  
.profile {
 z-index: 1;
 max-width: 200px;
 opacity: 1;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 border: rgb(138, 89, 89) 5px outset;
}

.image {
    margin-left: 50%;
    margin-top: 25%;
    grid-area: picture;
    background-color: rgba(212, 72, 40, 0)
    /*MAKE BACKGROUND COLOR FULL (GAY AS FUCK FUCK FUCK)*/
}

.info {
    grid-area: info;
    color:#ffffff; 
    font-family: Zilla Slab; 
    background-color: var(--bg-color); 
    text-align: center;
    padding: 10px;
    margin-left: 20%;
}

.grid-container {
    display: grid;
    grid-template-areas: 
    'picture picture info info'
    'picture picture info info'
    'picture picture info info'
    'picture picture info info';
    background-color: var(--bg-color);
}