.whoarewe-main {
    display: grid;
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fit, minmax(1rem, 30rem ));
    grid-template-rows: 1fr;
    padding-bottom: 10rem;
    margin: auto;
    grid-gap: 6rem;
}

.jenny-main img, 
.ernest-main img {
    width: 100%; 
    height: auto;
    object-fit: contain; 
    border-radius: 3ch;
}

.whoarewe-linkedin {
    display: flex;
    align-items: left;
    padding-top: 0.5rem;
    gap: 1rem;
}

.whoarewe-linkedin img {
    width: 2rem; 
    height: auto;
}

#linkedin-jenny,
#internet-jenny,
#linkedin-ernest {
    /* Default color */
    color: var(--foreground);
}

.dark-mode #linkedin-jenny,
.dark-mode #internet-jenny,
.dark-mode #linkedin-ernest {
    filter: invert(1);
} 

.whoarewe-description {
    font-family: 'Arial';
}




/* Media queries */
@media only screen and (max-width: 425px) {

}

@media only screen and (min-width: 426px) and (max-width: 666px) {

}

@media only screen and (min-width: 667px) and (max-width: 768px) {
    .whoarewe-main {
        grid-gap: 2rem;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .whoarewe-main {
        grid-gap: 3rem;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1439px) {
    .whoarewe-main {
        grid-gap: 3rem;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1800px){
    .whoarewe-main {
        grid-gap: 4rem;
    }
}

@media only screen and (min-width: 1801px){
    .whoarewe-main {
        grid-gap: 8rem;
    }
}