.image-container01 {
    position: relative;
    width: 100%;
    height: ; /* Adjust height as needed */
    overflow: hidden;
}

.image {
    width: 100%;
    height: auto;
    transition: opacity 0s ease;
}

/* 桌面端效果 */
@media (min-width: 769px) {
    .image-container01:hover .image {
        content: url('https://image.benq.com/is/image/benqco/screenbar-index-banner042-min?$ResponsivePreset$&wid=3840');
    }
}

/* 手机端效果 */
@media (max-width: 768px) {
    .image {
        content: url('https://image.benq.com/is/image/benqco/screenbar-index-banner02-m?$ResponsivePreset$');
    }
    .image-container01:hover .image {
        content: url('https://image.benq.com/is/image/benqco/screenbar-index-banner04-m?$ResponsivePreset$');
    }
}