/* .container {
    display: flex;
    flex-wrap: wrap;
    border-style: solid;
    flex-direction: row;
    width: 300px;
    float: left;
    margin-right: 10px;
    font-family: 'Courier New', Courier, monospace;
    height: 200px;
  }
*/

body {
  background-image: url("./imgs/webBG.jpg");
}

.container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 150px;
  width: 250px;
  border: 0px;
  align-content: flex-start;

}

  
  .item {
    display: flex;
    flex-direction: row;
    text-align: left;
    width: 100%;
    border: 10px;

  }


  .item:nth-child(3n) {
    width: 100%;
    height: 50%;

  }

  img {
      width: 100%; /* or any custom size */
      height: 100%;
      object-fit: contain;

  }

  #assignment {
    border-style: solid;
    border: 10px;    
  }