.book_club_section { padding: 144px 0 175px 0; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; /* overflow-y: clip; */ } .book_club_section::after { content: ""; width: 22%; height: 50%; background-image: url('../../../assets/images/book-club-right-shape.webp'); background-size: contain; background-repeat: no-repeat; position: absolute; z-index: -1; top: 0; right: 0; pointer-events: none; background-position: right; } .book_club_wrap { gap: clamp(30px, 3vw, 50px); } .book_club_image_col { flex: 1; } .book_club_content_col { width: 40.4%; } .book_club_top_shape { position: absolute; top: -70px; width: 100%; } .book_club_top_shape img { width: 100%; object-fit: cover; height: 110px; } .book_club_image { padding-top: 65%; max-width: 704px; } .book_club_image img { border-radius: 40px; } .book_club_content { max-width: 581px; } .book_club_content p { margin: 0 0 20px 0; } .book_club_buttons { margin: 39px 0 0 0; } .book_club_left_side_image, .book_club_right_side_image { position: absolute; bottom: 0; pointer-events: none; z-index: -1; } .book_club_left_side_image { left: 0; /* bottom: -24px; */ height: 48%; } .book_club_left_side_image img, .book_club_right_side_image img { height: 100%; } .book_club_left_side_image img { margin-inline-end: auto; object-position: bottom left; } .book_club_right_side_image { right: 0; height: 50%; } .book_club_right_side_image img { object-position: right; margin-inline-start: auto; object-position: bottom right; } .book_club_section::before { content: ""; position: absolute; width: 50%; height: 50%; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; top: 6%; background-size: contain; left: 0; pointer-events: none; } @media screen and (max-width: 1600px) { .book_club_section { padding: 120px 0 175px 0; } } @media screen and (max-width: 1440px) { .book_club_section { padding: 90px 0 175px 0; } .book_club_content_col { width: 50%; } } @media screen and (max-width: 1360px) { .book_club_section { padding: 60px 0 175px 0; } .book_club_buttons { margin: 30px 0 0 0; } .book_club_top_shape img { height: 80px; } } @media screen and (max-width: 1200px) { .book_club_top_shape { top: -50px; } } @media screen and (max-width: 992px) { .book_club_section { padding: 60px 0 140px 0; } .book_club_content_col { width: 100%; } .book_club_content_wrap { text-align: center; margin-block-start: 20px; } .book_club_image { padding-top: 46%; max-width: 540px; margin-inline: auto; } .book_club_content { margin-inline: auto; } .book_club_buttons .banner-button-list { justify-content: center; } .book_club_left_side_image { height: 28%; } .book_club_right_side_image { height: 30%; } } @media screen and (max-width: 640px) { .book_club_top_shape img { height: 32px; } .book_club_top_shape { top: -30px; } .book_club_section { padding: 32px 0 140px 0; } .book_club_image img { border-radius: 24px; } .book_club_image { padding-top: 75.2%; max-width: 100%; } .book_club_content_wrap { margin-block-start: 0px; } .book_club_content p { margin: 0 0 17px 0; font-size: 18px; } .book_club_buttons { margin: 19px 0 0 0; } .book_club_left_side_image { height: 21%; } .book_club_right_side_image { height: 18%; } }