.ptitle {
  position: absolute;
  width: 100%;
  margin-top: 45%;
  z-index: 2;
}
.atitle {
  position: relative;
  text-align: center;
}

.ptitle h3 {
  font-size: 1.4em;
  font-weight: 900;
  letter-spacing: 3px;
  font-variant: small-caps;
  opacity: 0;
}
section div div div:hover h3 {
  opacity: 1;
  -moz-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  color: #fff;
}
.odpage {
  margin-top: 109px;
  margin-bottom: 135px;
}
.odimgformat {
  object-fit: cover;
  aspect-ratio: 1/1 !important;
  width: 100%;
  height: 100%;
  min-width: 240px;
}

@media screen and (max-width: 800px) {
  .odpage {
    margin-bottom: 101px;
  }
}
@media screen and (max-width: 414px) {
  .odpage {
    margin-top: 86px;
    margin-bottom: 101px;
  }
}