.harvest_bg{ background-image: url(/img/modeleOpon/small/carlisle-Farm-Specialist-FR-Trac_bg.jpeg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 0; transition: .3s linear; overflow: hidden; border-radius: 20px; box-shadow: 5px 5px 15px #000a; } .blur-frame{ background-color: #fffa; backdrop-filter: blur(5px); /* color: #fff; */ padding: 20px 20px; border-radius: 20px; box-shadow: 5px 5px 15px #000a; position: relative; z-index: 1; } .day-time{ background-color: #fffa; color: #000; } .night-time{ background-color: #000a; color: #fff; } .prodyct-img{ filter: drop-shadow(5px 5px 5px #000); position: relative; z-index: 2; transition: .3s linear; opacity: 0; } .product_base{ position: absolute; z-index: 1; top: 8%; left: 0; transition: .3s linear; } .visibility{ opacity: 100%; } .img-round{ border-radius: 20px; box-shadow: 5px 5px 15px #000a; } .footer-title{ position: relative; color: #767676; } .footer-title::after{ content: ""; width: 20vw; height: 1px; display: inline-block; background-color: #969595; position: relative; top: -10px; left: 10px; } .footer-title::before{ content: ""; width: 20vw; height: 1px; display: inline-block; background-color: #969595; position: relative; top: -10px; left: -10px; } @media(max-width:991px){ .harvest_bg { background-image: url(/img/modeleOpon/small/carlisle-Farm-Specialist-FR-Trac_bg_mobile.jpg); background-size: cover; } } @media( max-width:543px){ .footer-title::after{ display: none; } .footer-title::before{ display: none; } }