/* styles.css */

/* Common styles */
body {
    margin: 0;
    padding: 0;
}

.section {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.responsive-image {
    height: auto;
}

/* Desktop styles */
@media only screen and (min-width: 1024px) {
    .tablet-section, .mobile-section {
        display: none;
    }
}

/* Tablet styles */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .desktop-section, .mobile-section {
        display: none;
    }
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
    .desktop-section, .tablet-section {
        display: none;
    }
}