.box {
  background: teal;
  width: 50vw;
  height: calc(50vw * 0.75);
  
  p {
    color: white;
  }
}

@media (min-width: 1024px) {
	.thumbnail {
    width: 23vw;
    height: calc(23vw * 0.53);
    margin: 10px 0 10px 0;
  }
  .thumbnail img{
    width: 23vw;
    height: calc(23vw * 0.53);
  }
}

.thumbnail {
  width: 35vw;
  height: calc(35vw * 0.53);
  margin: 10px 0 10px 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border: none !important;
  border-radius: 10px !important;
}
.thumbnail img{
  width: 35vw;
  height: calc(35vw * 0.53);
}

@media (max-width: 600px) {
	.thumbnail {
    width: 75vw;
    height: calc(75vw * 0.53);
    margin: 10px 0 10px 0;
  }
  .thumbnail img{
    width: 75vw;
    height: calc(75vw * 0.53);
  }