html {
    background-image: url(whitebackground.jpeg);
    background-size: cover;
}

.h2 .h3 {
    color: rgba(1, 0, 7, 0.884);
    margin-left: 100px;
    margin-top: 60px;
    margin-bottom: 0px;
    font-family: 'Helvetica';
}

.container {
    border: solid rgba(255, 255, 255, 0.76) 2px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.76);
    margin-top: 0px;
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 120px;
    display: flex;
    padding: 25px 20px 25px 30px;
    box-shadow: 2px 2px 5px gray;
}

.right-column {
    text-align: left;
    font-family: 'Helvetica';
    font-size: 20px;
    margin-left: 40px;
}

.list {
    margin-left: 10px;
    text-align: left;
    font-family: 'Helvetica';
    font-size: 20px;
}

.left-column {
   width: 800px; 
}

.image-1 {
    max-width: 100%;
    box-shadow: 2px 2px 5px gray;
    border: solid rgba(255, 255, 255, 0.76) 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.image-2 {
    max-width: 100%;
    box-shadow: 2px 2px 5px gray;
    border: solid rgba(255, 255, 255, 0.76) 5px;
    border-radius: 5px;
}