body, html {margin: 0;padding: 0;font-family: Arial, sans-serif;background: #f4f4f4;}.container {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px;}.content-box {display: flex;align-items: center;background: #fff;padding: 10px;margin-bottom: 20px;width: calc(33.333% - 20px);box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: transform 0.3s, box-shadow 0.3s;}.content-box img {width: 150px;height: auto;margin-right: 15px;border-radius: 5px;}.content-box img:hover {transform: translateY(-5px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}.content-box h3 {font-size: 16px;margin: 0;}.content-box p {font-size: 14px;color: #666;margin-top: 5px;}.content-link {flex: 1;text-decoration: none;color: #333;}@media (max-width: 768px) {.content-box {width: calc(50% - 20px);}}@media (max-width: 480px) {.content-box {width: calc(100% - 20px);flex-direction: column;align-items: start;}.content-box img {margin-bottom: 10px;}}