.art-gallery-museum-banner-section{ width: auto; height: auto; min-height: 600px; } .art-gallery-museum-banner-section .wp-block-column{ margin-left: 40%; margin-right: 40%; } .art-gallery-museum-banner-section .wp-block-buttons{ text-align: center !important; display: block; } /*art-gallery-museum-banner-section*/ .art-gallery-museum-banner-section a.wp-block-button__link { color: #fff !important; padding: 10px 20px !important; font-weight: 600 !important; } .art-gallery-museum-banner-section .wp-block-button.aligncenter.has-custom-font-size.is-style-fill { border: none; } /*digital-agency-venus-section*/ .art-gallery-museum-venus-section h2 { font-weight: 700; } .art-gallery-museum-venus-section img { width: 100%; border-radius: 10px !important; } .art-gallery-museum-venus-image-section { position: relative; } .art-gallery-museum-venus-image-section:hover .group1 { background: #fff !important; text-align: left; } .art-gallery-museum-venus-image-section .group1{ padding: 10px 20px; transition: 5s height ease-in-out; position: absolute; bottom: 45px; left: 15px; right: 15px; border-radius: 10px; background: #e51937 !important; text-align: center; } .art-gallery-museum-venus-image-section .group1 h3 { padding: 0; color: #fff; } .art-gallery-museum-venus-image-section:hover .group1 h3 { color: #000; padding: 10px 0; } .art-gallery-museum-venus-image-section .group1 p { display: none; } .art-gallery-museum-venus-image-section:hover .group1 p{ display: block; } @media screen and (min-width: 320px) and (max-width:720px) { .art-gallery-museum-banner-section h1{ font-size: 35px !important; } .art-gallery-museum-venus-image-section:hover .group1 { bottom: 42px; } .art-gallery-museum-banner-section .wp-block-column { margin-left: 0%; margin-right: 0%; } } @media screen and (min-width: 721px) and (max-width:991px) { .art-gallery-museum-colum-section { flex-wrap: nowrap !important; } h3.art-gallery-museum-venus-text-section { bottom: 14%; } .art-gallery-museum-venus-image-section:hover .group1 { bottom: 40px; } .art-gallery-museum-banner-section .wp-block-column { margin-left: 25%; margin-right: 25%; } } @media screen and (min-width: 992px) and (max-width:1024px) { h3.art-gallery-museum-venus-text-section { bottom: 14%; } .art-gallery-museum-venus-image-section:hover .group1 { bottom: 40px; } .art-gallery-museum-banner-section .wp-block-column { margin-left: 23%; margin-right: 23%; } }