/* Desktop default: 16:9 */
.phf-hero{
  width:100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow:hidden;
  background:#f2f2f2;
}

.phf-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Mobile: 5:4 */
@media (max-width: 768px){
  .phf-hero{
    aspect-ratio: 5 / 4;
    border-radius: 8px;
  }
}