.category-card{background:var(--f7-color);position:relative;height:0;padding-bottom:140%;cursor:pointer}.category-card a{text-decoration:none;color:var(--main-text-color)}.category-card figure{width:100%;height:100%;position:absolute;left:0;top:0;transition:0.6s}.category-card figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1}.category-card figure img.category-jpg{opacity:0;transition:0.6s}.category-card:hover figure{transform:scale(1.05)}.category-card:hover figure img.category-jpg{opacity:1}.category-card .content{position:absolute;padding:40px 50px 25px 40px;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.category-card .content h3{color:var(--main-green);font-size:24px}@media (max-width:559px){.category-card{padding-bottom:140%}.category-card .content{padding:25px;font-size:13px}.category-card .content h3{font-size:20px}}@media (min-width:360px) and (max-width:450px){.category-card{padding-bottom:120%}.category-card .content{padding:25px;font-size:13px}.category-card .content h3{font-size:20px}.category-card figure img{object-position:top center}.category-card figure.bottom img{object-position:bottom center}}@media (min-width:451px) and (max-width:575px){.category-card{padding-bottom:100%}.category-card figure img{object-position:top center}.category-card figure.bottom img{object-position:bottom center}}@media (min-width:576px) and (max-width:780px){.category-card{padding-bottom:140%}.category-card .content{padding:25px;font-size:13px}.category-card .content h3{font-size:20px}}@media (min-width:992px) and (max-width:1200px){.category-card .content{padding:25px;font-size:13px}.category-card .content h3{font-size:20px}}@media (min-width:1201px) and (max-width:1600px){.category-card .content{padding:30px;font-size:14px}.category-card .content h3{font-size:20px}}