.grid-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px; }
.grid-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 150px; border: 2px solid #ccc; overflow: hidden;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out;
}
.grid-item:hover {
box-shadow: 0 0 67px black; }
.grid-item img {
max-width: 100%;
max-height: 100%;
transition: transform 0.3s ease-in-out;
}
.grid-item:hover img {
transform: scale(1.3); }
.selected {
border: 4px solid #007BFF; }
.check-icon {
position: absolute;
top: 10px;
right: 10px;
color: #007BFF;
font-size: 24px; }
#sendmail {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 20px; }
@media screen and (max-width: 767px) {
.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
.img-sondaggio{
width: 100%;
}
.check-icon {
position: absolute;
top: -10px;
right: 3px;
color: #007BFF;
font-size: 24px;
}
#general{
max-width: 100%;
padding-left: 8%;
}
}