* {
    box-sizing: border-box;
}

body {
    background-image: url('background.png');
}

.pictures {
    width: 75%; /* takes up half the width of its parent box */
    height: auto;
}

#master {
    /* border: solid gray; */
    display: grid;
    grid-template-areas: 
    "electronics ."  /* dot (.) represents empty cell   */
    "sound ."
    "visuals .";
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    position: relative;
    row-gap: 50%;
    /* width: 1000px;  */
    /* margin: 80px auto 0 auto; */
}
#electronics {
    grid-area: electronics;
    /* border: solid purple; */
    justify-self: start;
    align-self: start;
    margin: 10% auto 0 auto;
}

#sound {
    grid-area: sound;
    /* border: solid green; */
    justify-self: start;
    align-self: start;
}

#visuals {
    grid-area: visuals;
    /* border: solid red; */
    justify-self: start;
    align-self: start;
}

#gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px;
}

.image-card {
    margin: 0;
    text-align: center;
}

.image-card img {
    width: 100%;
    height: auto;
    display: block;
}

.image-card figcaption {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;
}