.button,.image-card{transition:background-color .3s}.image-card{position:relative;width:400px;height:400px;margin:20px;overflow:hidden;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:transparent}.image-title img{width:400px;height:400px;object-fit:cover;display:block}.image-title span{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,.6);text-align:center;padding:10px 0;transition:opacity .3s}.button,.hidden-images img,.slider button{height:40px;width:40px;cursor:pointer}.button{position:absolute;top:10px;padding:10px;background-color:rgba(255,255,255,.7);color:#000;border:2px solid rgba(0,0,0,.5);border-radius:50%;font-size:16px;display:flex;justify-content:center;align-items:center;z-index:3}.content,.hidden-images{position:absolute;transition:opacity .3s;opacity:0}.button-left{left:10px}.button-right{right:10px}.hidden-images{margin-top:5px;display:none;top:50px;left:10px;flex-direction:column;gap:10px;z-index:2}.hidden-images.show{display:flex;opacity:1}.hidden-images img{border-radius:50%;object-fit:cover}.content{top:0;left:0;width:400px;height:400px;color:#000;padding:20px;background-color:rgba(255,255,255,.8);pointer-events:none}.content.show{opacity:1;pointer-events:auto}.slider{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:33}.slider_content iframe,.slider_content img{max-width:100%;max-height:100%}.close_btn{display:flex;justify-content:end;width:100%;padding:20px}.slider_content{display:flex;justify-content:space-between;align-items:center;position:relative}.slider button{border:none;background-color:rgba(255,255,255,.726);border-radius:50%;font-size:140%;color:#000;text-align:center;display:flex;align-items:center;justify-content:center}.img img{max-width:100%;max-height:80vh;border-radius:8px}