body {
  background: #ede2cf url('https://www.transparenttextures.com/patterns/wood-pattern.png');
  font-family: 'Roboto', serif;
  margin: 0;
  padding: 0;
  color: #3e2c13;
}

header {
  background: #d1b07e;
  text-align: center;
  padding: 40px 0 20px 0;
  font-family: 'IM Fell English SC', serif;
  font-size: 3.2em;
  color: #492e00;
  letter-spacing: 8px;
  border-bottom: 6px double #b79b68;
  text-shadow: 0 1px #fff2d3, 0 2px #b79b68;
}

.container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 46px auto 32px auto;
  max-width: 950px;
  gap: 38px;
}

.panel {
  background: #f6ecd6cc;
  border: 4px solid #b79b68;
  border-radius: 15px;
  box-shadow: 0 6px 36px #ad8a4f38, 0 0 0 10px #dfd1b1;
  padding: 30px 12px 30px 12px;
  width: 370px;
  text-align: center;
  position: relative;
}

.panel:before, .panel:after {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 12px;
  background: #b79b68;
  border-radius: 2px;
  left: 50%;
  transform: translateX(-50%);
}

.panel:before { top: -16px; }
.panel:after { bottom: -16px; }

img {
  max-width: 240px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 12px #826a354f;
  border: 3px solid #b79b68;
  filter: sepia(70%) contrast(86%) brightness(96%);
}

.caption {
  margin-top: 20px;
  font-size: 1.19em;
  color: #5a4421;
  font-family: 'IM Fell English SC', serif;
  background-color: #f3e6c7;
  border: 1px solid #c0a265;
  border-radius: 7px;
  box-shadow: 0 2px 6px #ad9b6e1c;
  padding: 13px 8px 11px 8px;
  min-height: 95px;
  margin-bottom: 3px;
}

footer {
  text-align: center;
  font-family: 'IM Fell English SC', serif;
  font-size: 1.33em;
  margin: 40px 0 18px 0;
  color: #6b4b1f;
  letter-spacing: 2px;
  background: none;
}

@media (max-width: 950px) {
  .container {
    flex-direction: column;
    gap: 42px;
    align-items: center;
  }
  .panel {
    width: 95%;
    max-width: 350px;
  }
}