.strawberry-container{align-items:center;display:flex;flex-wrap:wrap;gap:7.5%;justify-content:center;padding:20px}.watermelon-column{background-position:50%;background-size:cover;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;padding-bottom:30%;position:relative;transition:transform .4s ease,box-shadow .4s ease;width:30%}.watermelon-column:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:scale(1.05)}.content-overlay{background-color:rgba(35,35,35,.9);bottom:0;box-sizing:border-box;color:#fff;height:auto;left:0;max-height:80px;overflow:hidden;padding:10px;position:absolute;text-align:left;transition:max-height .4s ease,padding .4s ease;width:100%}.watermelon-column.expanded .content-overlay,.watermelon-column:hover .content-overlay{max-height:100%;padding:20px}.content-overlay h3{color:#f9d415;font-family:pill-gothic-300mg,sans-serif;font-size:1.3rem;margin:0}.content-overlay p{display:none;margin-top:10px}.watermelon-column.expanded .content-overlay p,.watermelon-column:hover .content-overlay p{display:block}@media (max-width:1024px){.watermelon-column{padding-bottom:45%;width:45%}.content-overlay h3{font-size:1.2rem}}@media (max-width:768px){.strawberry-container{flex-direction:column;gap:20px}.watermelon-column{padding-bottom:80%;width:80%}.content-overlay h3{font-size:1.1rem}.content-overlay p{font-size:.9rem}}@media (max-width:480px){.watermelon-column{padding-bottom:100%;width:100%}.content-overlay h3{font-size:1rem}.content-overlay p{font-size:.85rem}}